How can I adjust the font size in the Editions theme?

Store Design
1

Hi all, as the title says I want to be able to change the font size. i’m surprised that some themes do not come with a simple font size function in the editor. Is this true or have i just missed it? Seems crazy.

Anyhow, assistance in making the font a couple px bigger for the mobile version of my site.

www.herbaldimensions.com

Thanks!

2

Hi @HerbalDimension

Are you looking at increasing all the fonts available on the website by a few notch?

3

Yes, but mainly just the mobile site if that is possible.

4

Noted, would you mind sharing your store’s preview password? This is not your account’s password.

1 Like
5

It is: leasho

6

Go to your theme.css file, and at the very end, add the following code:

@media screen and (min-width: 768px) {
html {
    font-size: 18px;
}
}

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

7

Thanks for the response, I tried it but the font size still appears to be the same.

8

Also, how would i change the font size for the desktop version if I wanted to ?

9

For desktop, use the following:

@media screen and (min-width: 768px) {
html {
    font-size: 18px;
}
}

For mobile use this:

@media screen and (max-width: 768px) {
html {
    font-size: 18px;
}
}

My bad, had them mixed up, that should work!

1 Like
10

Thank you, that worked!