Currently, I can only decrease the body font size to a minimum of 15px.
How can I reduce all font sizes across the website, including headings and body text?
Topic summary
Main issue: Reduce global font sizes (body and headings) beyond a perceived 15px minimum.
Key solutions proposed:
- Add custom CSS in theme.liquid (before ) to override sizes. Example given: body { font-size: 13px !important; } for body text. For headings, add selectors like h1 { font-size: Xpx !important; } depending on which heading levels to change.
- Use theme settings: Online store > Themes > Customize > Theme settings > Typography, set Font size scale to 100% to reduce overall type scale without code.
Notes:
- One responder emphasized targeting specific heading tags (e.g., H1) via CSS when finer control is needed.
- Screenshots were shared to illustrate the theme settings location, but the exact code examples for headings were not fully detailed in the thread text.
Status: No confirmation from the original poster that any method resolved the issue. Discussion appears open.
Hey @duart2023
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hi @Moeed thank you! Could you please confirm how to decrease the heading font size too?
It depends on what heading you wanna change the font size of, for example if it’s H1 then you can add this code with the same steps mentioned above.
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @duart2023
You can check in your Online store > Themes > Customize > Theme settings > Typography > change the Font size scale options to 100%.
Hello @duart2023
Follow these Steps:
Go to Online Store >Edit Code>theme.liquid file>paste to the tag
body {
font-size: 13px !important;
}
thanks