Archived topic
White captions on white background in admin
13 replies · Started by Hilton on April 19, 2021
Hi, the captions of the images are not appearing when editing the article in Wordpress. But they appear in the frontend. In the admin, the caption font is white on the white background, so it does not appear. Is there anything I can do to show captions when editing the site as well?
Hi there,
I'm not sure I see what you mean.
I've checked your site and here's how it looks on my end.
https://share.getcloudapp.com/E0uYjwLb
Can you try clearing ALL cache(site and browser cache) and check again if it still occurs?
Let us know.
Hi Elvin,
This problem only happens within Wordpress, when editing a post. That's why it's appearing to you normally.
Hi there,
do you know where the caption is getting its color from ? The theme itself doesn't apply the color: gray; - and the issue looks to be because of that color.
NB. The Theme uses a contrast checker script to determine the contrast of text on a background color - in this instance the grey falls into the dark-theme zone which is why its not displaying.
Hi David,
The color:gray; was a custom CSS that I added. Is there a way to change the caption color without having this issue?
Thanks
I assume you added the CSS to the block editor styles as well ? If so simplest thing would be to exclude that style.
Hi David,
Is there a CSS to change only caption style in the frontend?
May I use
figcaption {
font-size: 12px;
color: gray;
}
?
Thanks
Yes that should work.
You can add it on Appearance > Customize > Additional CSS. CSS added here only applies to the front end.
Editor block style has its own stylesheet. :)
Hi, I removed the custom CSS from styles.css and put it in Appearance> Customize> Additional CSS but the problem continues. Although the captions appear on the front end of the site, in the WP admin they still don't appear.
figcaption {
font-size: 12px;
color: #808080;
}
Any chance you can provide us temporary access to the backend to inspect the block editor page for any CSS it uses?
You can use the private information text field to provide the details.
I sent to you the information do access the dev site, that has the same problem.
Hi there,
You're using an old version of GeneratePress - this will likely fix itself if you update to the latest version.
Hi Tom,
Ok, thanks
No problem!