Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 6, 2023 at 8:00 pm #1409799
    Sandy

    How is the text in the media > image > caption stylized? What is the Custom CSS, for example, to make it italicized?

    June 7, 2023 at 5:55 am #1409832
    Ismael

    Hey Tanja,

    Thank you for the inquiry.

    You can configure the style of the caption such as the font size and overlay in the Styling > Image Caption toggle. You can also add css to adjust the style of the caption even further. To make the caption italic for example, please add this css code.

    .av-image-caption-overlay {
    font-style: italic;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

    Best regards,
    Ismael

    June 7, 2023 at 3:46 pm #1409892
    Sandy

    Thank you. I added the Custom CSS, disabled Performance > CSS File Merging And Compression and Javascript File Merging And Compression, cleared the site caching, enabled the compression settings, and tested, but the image caption text is not italic. Please see attached link.

    June 8, 2023 at 1:09 pm #1409984
    Rikard

    Hi,

    Please try this CSS as well:

    .wp-element-caption {
    font-style: italic;
}

    Best regards,
    Rikard

    June 8, 2023 at 5:04 pm #1410003
    Sandy

    Thank you! That CSS worked.

    June 9, 2023 at 11:25 am #1410051
    Rikard

    Hi,

    Thanks for the update, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Stylize the image caption font’ is closed to new replies.