Screen Font is too big

[Menn80]

@yo-less
Alright, so if the default says 70% and I have told it to go to 100% in the body of the custom.css file I did exactly what I did not want, I went bigger. That I can understand. Should I change the custom.css file from saying
body {
.small {
font-size: 10px;
}
}

to

{
.small {
font-size: 10px;
}
}

also if my modules are using % should I use % instead of px or any other of the .css variants? My thought on the theory is it shouldn’t matter but sometimes my theory is so very wrong.

Thank you for explaining things to me, I am very new to this coding concept. I should have paid more attention to how this all works when I was younger!

[strawberry 3.141]

@Menn80 thats wrong Syntax in Plain CSS You can’t Nest like this. You have to do: .modulename .small { font-size: 10px; } and don’t put it between the Curly braces of body, that is just an example and Not necessary

[Menn80]

@strawberry-3.141
So I can pretty much remove the body writing that is in the .css file from the start?

[strawberry 3.141]

@Menn80 exactly

[Menn80]

@strawberry-3.141
Cool, I tried that only with

body .small {font-size: 10px;}

and that worked. Is this just a lazy solution? It seems like the only think that might pop up is if I do like the size of one module but I do of another. Can I than include line spacing in on that too? if so would I just add it like so?

body .small {font-size: 10px; line-height 15px;}

[strawberry 3.141]

you can put as much css rules into the curly braces as you want

you changed the small class for everything in the body tag and everything displayed on the mirror is in the body tag, so it’s affected for all elements using the small class, the other rule affected only the small class using elements in the specific module

[yo-less]

@Menn80 You can go as far as only writing

.small {
    font-size: 10 px;
}

No need for the ‘body’ tag.