How to Adjust Font Size and Color in Clock Module

nobita

I would like to know how to adjust font size and color in clock module in minute and second
Thanks for your kind

Foxi

Hello,
that would be interesting to know, I have the same “issue”.
Can this be done? :)

Best regards,

broberg

try this in the custom.css

.clock .bright {
font-size: 40px;
color: #f00
}

.clock .dimmed {
font-size: 20px;
color: #0f0
}

Don’t know if it’s correct, don’t have my mirror available right now to test it.

H3L1o150

On new version 2.1.0 just add the line:

var config = {
zoom: 0.9,

Foxi

Hi,
thank you broberg, your solution works for the digital clock itself. Now I can customize only the clock size/color.

H3L1o150, your solution is great to “grow” the whole interface. Thank you, too.
Now I can continue testing other things :)

bmfinn

I’m still curious where the default clock module gets its font css from… I was hoping to selectively change the size/font of the month in the default clock.