Change the color of the font of various modules.

broberg

It’s been covered many times on this forum, Here is one thread for an example :
https://forum.magicmirror.builders/topic/2447/css-basics/2

But here is the solution for the time and date :

blue time :

.clock .time {
color: blue;
}

red date:

.clock .date {
color: red;
}

rodofrn

Thank you very much @broberg
~~BUT, the “Seconds” in the clock, don’t change color, they stay grey. Do you know how to change that? I looked in the .js file, but didn’t see any variable for seconds.~~

Nevermid, GOT IT! THANK YOU SO MUCH! Thanks mate, so the “dateWrapper.className” are the classes? And that i what is printed in the screen, so I can change the color of them?

alang

@rodofrn what did you discover? I’m two days new to MM and the ‘seconds’ in the clock time confound me. Long term I’d like to reformat so seconds and am/pm are above/below each other. But that’s postponed until I learn more.

For my immediate needs I’d like to turn the seconds off. What can I add to my custom.css to turn off the seconds display in the default digital clock time?

Mykle1

@alang

https://forum.magicmirror.builders/topic/5206/how-to-disable-seconds-in-clock-time/2

cowboysdude

There is kinda a cool feature here on the forum… it’s at the top right… I think they call it the Search feature… LOL People are afraid of it I think…