Read the statement by Michael Teeuw here.
MagicMirror: Changing font colors
-
The above example does work. It can even be shortened, as such.
.clock .time { color: yellow; /*#82bae5; nice, light blue colour */ } .calendar { width: 300px; } html { cursor: default; }
Just to confirm. These are being added to your custom.css file (and saved). And that file resides within the css folder.
-
Check my answer to that
exact samequestion here, learning css, to learn a bit about addressing elements in css.Basically,
.module.clock
addresses the element with both classes .module and .clock. And.module.clock .time
addresses the element with the class .time sitting inside that element with both classes .module and .clock.You don’t have to restart the Pi, not even the MM app, for some css changes. A refresh should do it. I don’t know why it shouldn’t work if you got the correct file
css/custom.css
and copied that exact code from j.e.f.f. -
Thanks to both of you for the quick replys. As I said, I’m very new but learning quickly. After seeing Mykel’s post (sorry if I’m spelling that incorrectly as I cannot see the post while typing a reply on my android) I reopened the custom.css file and noticed I made a syntax error. I replaced the colon after yellow with a semicolon and I was good to go.
part do? -
It’s
body {}
, it addresses the whole html body (everything) and is empty in this case. It’s probably just an example. -
Thanks for the clarification DoubleT. Again, im typing from my phone so those brackets are not available, but you did get my reference.
-
@AliAS said in MagicMirror: Changing font colors:
I made a syntax error.
Yeah, I hate when that happens. :-)
-
This post is deleted!