I'm trying to put a shadow block at the bottom of a BLOG POST, but I only get this:
.content-area .format-gallery .post-thumbnail:before,
.content-area .format-image .post-thumbnail:before {
background: #000;
content: "";
display: block;
height: 75%;
left: 0;
opacity: 0.4;
top: 0;
width: 100%;
z-index: -1
}
This is the code I have, what I need is for it to be located at the bottom... (something like gravity bottom in xml)
You have to put the element in absolute position and then give it a width as well (I've put it
left:0
andright:0
it looks likewidth:100%
), otherwise it won't be seen. The parent element, in this case,.fondo
must also have a position to serve as a reference: