Shopify Dawn Theme - Reduce Headings and Body Size

Store Design
,
1

Hi,

I want to reduce the size of the body text:

tigas31_0-1678650386866.png
tigas31_0-1678650386866.png1191×583 37.3 KB

Any idea on how to reduce the size of the headings and body of the text everywhere on my website?

tigas31_2-1678652011758.png
tigas31_2-1678652011758.png1900×342 25.8 KB

I’ve noticed that the font size is 1.6 rem in the base.css but I don’t know where exactly should I change the size to make this change permanent everywhere in the website and not only in a specific section, like the footer, header, etc…

I’ve also noticed that the font of the Menu, doesn’t have the same font of the headings/body. How can I change it to have the same font style?

tigas31_1-1678650544049.png

Thank you in advance,

2

Hi @tigas31

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

3

@BSS-Commerce Sent you by private message.

4

Hi @tigas31

Please follow these steps:

1. Online Store → Themes → Edit code:

![view (24).png|1802x841](upload://llGf5jg9kcFHBXBJxd0ZZE8thRC.png)
  1. Find the file base.css, add this code at the end of the file, and click Save:
body{
    font-size: 1.4rem !important;
}
h2, h3 {
    font-size: 1.4rem !important;
}

You will reduce the size of all text on the website. However, please note that adjusting the entire text may affect the text on mobile devices. So, you can consider it.

We hope that this can help you.

5

@BSS-Commerce Thank you! Can you check the 2nd part of the question? “I’ve also noticed that the font of the Menu, doesn’t have the same font of the headings/body. How can I change it to have the same font style?”

6

Hi @tigas31

Can you kindly specify which menu you want to change the font style (heading menu or footer menu)? If possible, please provide us with screenshots of the change you want. We will help check it for you.