Archived topic

Image Caption Customization & Centering

4 replies · Started by Jason on April 4, 2020

Viewing posts 1–5 of 5

April 4, 2020 at 8:35 am #1226421

Hello,

I've reviewed the support forums and I'm unable to find assistance with the following.

#1 I want to center the captions underneath the images that are in-content.
#2 I want to add a small 30 px background coloring behind the image caption text, coloring #eaeae8 so it's different from the white space of the content and puts emphasis on the image & image caption
#3 I'd like to be able to customize the font size in the image caption to match the H6 layout, Upper Case, Oswald, Font point 18

Thanks in advance!

April 4, 2020 at 8:51 am #1226439

Hi there,

Try this CSS:

.entry-content .wp-caption .wp-caption-text {
    text-align: center;
    background-color: #eaeae8;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Oswald";
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

April 4, 2020 at 9:08 am #1226458

Thanks Leo, that worked perfectly.

April 4, 2020 at 9:13 am #1226462

Marking as resolved, thanks.

April 4, 2020 at 10:08 am #1226527

No problem :)

This archived topic is closed to new replies.

Start building better websites today.