All of the sudden the descriptions for my products are teeeny tiny

Technical Q&A
1

Hello,

I am using the Dawn theme for my shop poshtide.com.

All of the sudden all of the text setting for my product descriptions have become teeny tiny, almost illegible, on both desktop and mobile. They have also become a serif font instead of a san-serif. I have gone into the “Customize” button for the Dawn theme to change the body text to a san-serif and it won’t change.

I am not a CSS/Code expert, but with direction I have added code to solve other issues.

How can I adjust the typography so that it is larger? Why won’t the body font change to san-serif?

All of these small strange things happened after I added the shop pay button to my store. I’m not sure if it is related in any way.

Thank you so much in advance!

Stacey

Posh Tide

2

@PoshTide - hello, was your content looking like the screenshot below? if yes then please add this css to the very end of your base.css file and check

html {font-size: calc(var(--font-body-scale) * 100%) !important;}

suyash1_0-1649561529672.png
suyash1_0-1649561529672.png1366×768 127 KB

suyash1_1-1649561556950.png
suyash1_1-1649561556950.png1366×768 134 KB

3

Thank you so much for the suggestion, but it didn’t fix the situation. I really appreciate the effort.

4

@PoshTide - where did you add it and how?

5

Hi PoshTide,

I’m Richard Nguyen - CRO Expert at PageFly. Regards your problem, I’ve checked your site and saw some issues. Your theme is using a variable to set the font size so you may need to change that variable to adjust it. Also, the font family is not currently being set for body text, and it’s currently taking the font family from the system (which is serif).
You may try adding this code to your theme liquid file, inside the head tag

You can change the 1.3 to another number that matches your need. Also, you can change Roboto to another font family. Hope this helps.

Best regards,

Richard | PageFly

6

Hi Richard. Thanks for this solution. It fixed the font issue. Now the font is Roboto instead of stuck in a forced system font. I just don’t understand why all of the sudden my site lost these options! It still doesn’t allow me to customize the description areas within the product page, and proportions seem weird throughout. I’ll continue to work on those issues. Attached are ZIP screen grabs to show where I inserted the code, and what the pages look like.

Thanks again for your help.

Stacey

Posh Tide

7

Hi,
It’s Richard here, from my personal view, I do think that the theme itself is having some internal issues and I’d advise you to contact the theme provider for a more precise solution.

Hope this helps,

8

Thank you. I let them know.

9

Hi Richard,

My page is going through the same issue. I have tried your suggestion and it does not work. Here is the page https://vennday.com/products/swear-bear-shot-glasses ,

Do you have any suggestions?