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

[HerbalDimension]

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! 

[JHKCreate]

Hi @HerbalDimension 

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

[HerbalDimension]

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

[JHKCreate]

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

[HerbalDimension]

It is: leasho

[JHKCreate]

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!

[HerbalDimension]

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

[HerbalDimension]

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

[JHKCreate · Accepted solution]

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!

[HerbalDimension]

Thank you, that worked!