[Resolved] Caption Styling Not Working

[Shelley]

Hi. I researched the topic and tried a couple of different css snippets, and nothing seems to work.

As you can see under the first embedded image about 1/3 of the way down the page on the link I included, the caption looks like plain paragraph text. Here’s my css:

figcaption {
font-size: 12px;
color: #eee;
}

I also tried
wp-caption-text wp-caption{
font-size: 12px;
color: #eee;
}
What am I doing wrong? Thanks!

[Leo]

Hi there,

Try this:

.wp-block-image figcaption {
    font-size: 12px;
    color: #eee;
}

Let me know if this helps 🙂

[Shelley]

Awesome, that worked. Thank you!

[Shelley]

By the way, is there a list somewhere of every css element within Generatepress that can be used to style a blog post or page?

[Leo]

There isn’t a list available unfortunately as there are simply too many classes out there.

The easiest way would be to use right click on the element you are wondering and use the browser inspect tool:
https://www.screencast.com/t/hndH1kkoyCC

[Shelley]

Thanks again!

[Leo]

No problem 🙂

[Author]

Posts