You would need to give the caption class a negative margin. Something like this:
.widget_sp_image-description {
margin-top:-40px;
background-image:url('my_transparent_image.gif');
}
Add whatever styling you need. This will affect all of your image widgets. To change it for a particular image use the id for that particular widget. Also, you may need to compensate for the negative margin by adding to the bottom margin of the widget itself.
I’ve tried this and the caption floats in front of the image, but my caption background lies behind the image. Have tried z-index to fix, but can’t get that to happen. How can I get the caption background in front of the image?
http://avichai.pairsite.com/north-america/
p/w = letmesee
Try this:
.widget_sp_image-description {
background-color: rgba(0, 0, 0, 0.48);
background-image: url("http://avichai.pairsite.com/wp-content/uploads/2013/06/photo-caption-back.png") !important;
color: white;
margin: -40px 0;
position: absolute;
width: 100%;
}
Thank you. This worked perfectly.
