Making the font bigger

eeeee

body {
font-size: 17px;
}

i tried this, and clicked the enable custom CSS , but nothing changed.
i even tried making it bigger still
body {
font-size: 20px;
}
but still nothing changed.
Any ideas why thats not making any difference?

phenomlab

@eveh You could try something a bit more "global" like the below. The issue here is that this will apply to all fonts, so use with care. Based on this, we will use percentages

* {
font-size: 150%;
}

chez

@phenomlab said in Making the font bigger:

{
font-size: 150%;
}

You must have meant to say:

* {
font-size: 105%;
}

phenomlab

@chez No, I meant 150%. This is a proof of concept, and it'll be easy to see the increase. I did also mention about using with care

eeeee

@phenomlab yes that worked thankyou. I see what you mean about everything being bigger, including icons!
I settled with 110%

any ideas why the font size 20 commands never worked the first times?. i tried rebuilding and everything?!

phenomlab

@eveh it could be that the style is being overridden elsewhere. You could try the same CSS snippet as previous, and suffix it with !important

So, it could look like this

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

eeeee

@phenomlab said in Making the font bigger:

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

Nope that didn't work for me, Im not sure why. so have gone back to the 110% which is great

Its funny that making the font bigger isnt just in settings. Its quite a basic function, and on my 12inch laptopscreen it really was a bit small to read.

phenomlab

@eveh very odd. Seems to work for me. You could try the same but instead either use em or rem so for instance 2rem as the size. Would be interesting to see if that works or not. It's what I use.

eeeee

@phenomlab said in Making the font bigger:

@eveh very odd. Seems to work for me. You could try the same but instead either use em or rem so for instance 2rem as the size. Would be interesting to see if that works or not. It's what I use.

Im not sure what you mean by 'em' / 'rem' ... where do those words go in body "font-size: 20px !important;"
??

phenomlab

@eveh sorry 🤭

Try this

body {
    font-size: 2rem !important;
}