Screen Font is too big

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.