Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 5, 2019 at 6:24 pm #1050362
    adamblakester

    Hey,
    Just trying to find a simple solution for a client who uses the Enfold theme.
    They want to have image captions that sit below the image, right aligned, italic with no hover effect.

    I’ve tried a few things (such as below) but can’t get it to work.
    Thoughts?

    /*—————————————-
    // CSS – Image element
    //————————————–*/

    #top .av-image-caption-overlay {
    height: auto;
    width: auto;
    left: 0px;
    bottom: 0px;
    transform: translateY(100%);
    font-family: “Times New Roman”, Times, serif;
    background-color: white !important;
    text-align: right;
    font-size: 11px;
    font-style: italic;
    color: black !important;

    }
    #top .av-image-caption-overlay-center {
    padding: 0;
    }
    #top .avia_image {
    margin-bottom: 10px;
    }

    January 6, 2019 at 12:09 am #1050434
    Mike

    Hey adamblakester,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .av-image-caption-overlay {
  bottom: -20px !important;
  font-size: 10px !important;
  height: auto !important;
  left: 50% !important;
  transform: translate(-50%) !important;
  width: 100% !important; 
  text-align: justify !important;
}

    2019-01-05-170911

    Best regards,
    Mike

    January 6, 2019 at 2:58 am #1050456
    adamblakester

    Thank you … sorted.

    January 6, 2019 at 3:22 am #1050463
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Image Captions’ is closed to new replies.