font size of root element

[Marlowe-pahlowm]

How can I change the font size of the root element (html) from 10px to 16px without affecting the margin, spacing, etc.? i want the 16px as default so that i can use my own rem values

[Mustafa_Ali]

hey @Marlowe-pahlowm share the URL of your website so i can help you
best regard
MUSTUFA

[Marlowe-pahlowm]

https://kpehcvt82dxre4rr-90479133003.shopifypreview.com
yvesswiss

[Mustafa_Ali]

hey @Marlowe-pahlowm plz share the screen shot which font you want to change

[DaisyVo]

Hi @Marlowe-pahlowm can you share store url? 

[Marlowe-pahlowm]

https://kpehcvt82dxre4rr-90479133003.shopifypreview.com
yvesswiss

[DaisyVo]

Hi @Marlowe-pahlowm 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

body {
   font-size: 16px !important;
}

Best 

DaisyVo

[Marlowe-pahlowm]

i think that wont work because the dawn theme is based on rem value so that would be the root element(html)

[Moeed]

Hey @Marlowe-pahlowm 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
html {
    font-size: 16px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Marlowe-pahlowm]

this is the results

it zooms in like everything gained size