Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1070487

    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

    #1070757

    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

    #1071957

    ok, thanks

    #1073290

    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

    #1073413

    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?

    #1075079

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.