Site logo

Archived topic

Image subtitles do not display correctly

3 replies · Started by George on July 30, 2020

Viewing posts 1–4 of 4

When I create an image subtitle, it displays in the editor below the image, in a smaller font size and centered - as I would want it to look like. Here is an example:
https://www.screencast.com/t/G0z5f3mD

However when I save the page, the image subtitle has the same font size as the text, and it is not centered anymore. Here is the screenshot of the same image once it is saved:
https://www.screencast.com/t/ZoY8Y2EcoE

What can I do so that the subtitle displays correctly as in the editor - small font size and centered?

Hi there,

try adding this CSS:

.wp-block-image figcaption {
    text-align: center;
    font-size: 0.8em;
    opacity: 0.8;
}

That works, thank you!

You're welcome

This archived topic is closed to new replies.