Archived topic
Figcaption Not Showing Properly on Mobile
6 replies · Started by Jason on July 7, 2021
Hi,
I'm using the following code, and the font styles are not translating into the mobile view, only desktop. Would love some assistance, thanks!
.entry-content .wp-block-image figcaption {
text-align: center;
background-color: #F3F7F7;
border-width: 10px;
border-color: #1C1F33;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
font-weight: 500;
text-transform: none;
color: #1C1F33;
font-family: "Rubik", sans-serif;
}
.wp-block-image figcaption {
margin-top: -0.7em;
Hi there,
Is the Rubik font loaded anywhere in the customizer?
It's not. Just in that field. It shows just fine on desktop, but not on mobile.
Disregard, I'll just roll with Roboto which is used in the headings. Thanks.
.
I don't see the font loading on desktop either.
In order for a font to load, it should be selected in the customizer or we need to load it separately.
However, I wouldn't recommend loading a font separately just for the caption - it's not great for the performance of your site.
Would you consider sticking with the body font for the caption as well? That would my suggestion.
Disregard, I’ll just roll with Roboto which is used in the headings. Thanks.
That would be good as well :)
