@Rags the css is a hierarchy
last defined is selected first, lifo search order
css/custom.css
any module provided css files
css/main.css
top down first one, MOST SPECIFIC, wins
that last example
in custom.css
you said all module font size is 20px;
but also said the text in this module ‘header’
is 24px;
regardless of order in custom.css, the more specific one wins. module header setting
in a css entry, the stuff to the left of {
is called the element selector clause.
it selects ALL the elements in the document that match the rules. the browser thinks this is one webpage. (aka document)
this is the cheatsheet I use for the rules
https://www.w3schools.com/cssref/css_selectors.php
because everything is a stack, a module’s css overrides the base css, and custom.css overrides both.
the developers window ctrl-shift-i will help save time.
see
https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1682355292588