Hi, I’m trying to get a caption below the image element, not on top of the image but always visible just under the image and aligned with the left side of the image. I tried using some code found under similar questions but was unable to get what I was hoping for as it still overlays the image.
.av-image-caption-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
bottom: -20px !important;
color: black !important;
height: auto !important;
left: 50% !important;
transform: translate(-50%) !important;
width: 100% !important;
text-align: left !important;
vertical-align: bottom;
}
Thank you
Hey Rob,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
Victoria
ok, thanks
Hi robnelson4,
Thank you.
It seems to be easier just to add the text block below and add the caption there. If there’s too much white space we can help you adjust it.
Best regards,
Victoria
Ok, I’ve done that but how do I get it to be aligned with the left side of the image above it and maintain that position during resizing, etc?
Hi robnelson4,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#av_section_3 .wp-caption-text {
padding: 3px;
text-align: left;
}
If you need further assistance please let us know.
Best regards,
Victoria