[Resolved] Image caption styled as normal paragraph

[Vebjørn]

Hi,

After not posting on my blog for some time, and now updating GeneratePress, GP Premium, WordPress, and all other plugins, the caption below images are not styled properly.

In the editor, everything seems fine. But on the actual page, the text is not centered, not small, and not gray. I’ve tested both on Firefox on desktop/Windows, and on Firefox iOS.

I don’t use any image plugins. I haven’t had this problem before. I’ve tried looking for “image caption”-options in GP options, but can’t find anything.

I hope this can be fixed without adding custom CSS. I’ve checked my custom CSS, and nothing there relates to images or captions.

Thanks for reading and helping 🙂

Here are my active plugins (sorry some names are in Norwegian)
Admin Cleanup
Clean up the admin sidebar menu
Ajax Search Lite
Akismet Anti-spam
Code Snippets
CodeStyling Localization
Google Analytics for WordPress by MonsterInsights
GP Premium
Helsesjekk & Feilsøking
Jetpack av WordPress.com
Konfigurering av Offentlig forhåndsvisning av innlegg
MailPoet 3
Public Post Preview
Top 10
UpdraftPlus – Sikkerhetskopi/Gjenoppretting
Virkelig Enkel SSL (Really Simple SSL)
WordPress Popular Posts
WP Staging
Yoast SEO

[David]

Hi there,

recent WP updates changed the way captions are displayed, so the old Theme CSS doesn’t apply no more – we’ll update it once WP calms down with its changes. In the meantime try this CSS:

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

[Vebjørn]

Thanks for the explanation and temp CSS 🙂

Keep it up!

[David]

You’re welcome

[Author]

Posts