Globally make text font size larger

Support
#1

Is there an easy way to globally increase the font size of the site www.turntogod.us?
As it is the text is pretty small on mobile devices. Would like to make it larger so that it is easier to read.
Looking for an easy fix if it is possible.
Also I am not tech savvy so the more directions the better.

Thanks,
Pat

#2

Hello Pat,

Thanks for asking. :slight_smile:

You can add following CSS under X > Theme Options > CSS to change font size of paragraphs on mobile devices:


@media only screen and (max-width: 600px) {
    p {
    font-size: 130%;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

Thanks so much Prasant! This increased the font on my iphone.

The font did not change on ipad? Is there some CSS I can use for ipad?

Thinking maybe I will just increase the paragraph font for desktop and then all will be good?
Can you provide some CSS to change the desktop font size?

#4

Hi There,

Please update the previous CSS to this:

@media only screen and (max-width: 768px) {
    p {
        font-size: 130%;
    }
}

If you change the font size for desktop then on the mobile the text will be too big.

Regards!

#5

changed width to 768px. Did not increase the font size on mini or regular ipad?
It does look great (larger) on my iphone.

Thanks,
Pat

#6

also tried changing to 1024px and to 400px, either way there was no change to my mini or regular ipad?

#7

It does work. On the mini or regular ipad I have to hold it in portrait position for the font to be larger. In the landscape position the font stays small.

I am good with the changes we have made. I thank all of you for your great support!

Thanks,
Pat

#8

Hello Pat,

You’re welcome! We are just glad we were able to help you out.
We really appreciate for letting us know that it has worked for you.

Cheers.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.