Thank you so much! This worked and I can set fonts as I want :)

Can you please tell me how to figure out the name for the parts of module to use in css? i.e. in this case how to figure out that we need to put .time after .clock

~Leo

Hi,

I recently started with MagicMirror!

I want to change the digits for digital clock (default clock module)

I used below code in custom.css -

.clock {
font-family: MyFont;
}

When I set a custom font in custom.css for clock module - it sets MyFont for the date line but the time digits remain Roboto Condensed which is default font in main.css - I want to do the exact opposite of this!

How do I set different fonts for the date and time in clock module? Or should I use different modules for this? Or same module twice with different name (if this is possible) so that I can set different fonts for each?

Please help!

Thanks,
Leo