• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

How to Adjust Font Size and Color in Clock Module

Scheduled Pinned Locked Moved Troubleshooting
6 Posts 5 Posters 9.3k Views 4 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • F Offline
    Foxi
    last edited by Jan 2, 2017, 9:41 PM

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

    Best regards,

    1 Reply Last reply Reply Quote 0
    • B Offline
      broberg Project Sponsor
      last edited by Jan 2, 2017, 9:52 PM

      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.

      1 Reply Last reply Reply Quote 0
      • H Offline
        H3L1o150
        last edited by Jan 3, 2017, 1:42 AM

        On new version 2.1.0 just add the line:

        var config = {
        zoom: 0.9,

        1 Reply Last reply Reply Quote 0
        • F Offline
          Foxi
          last edited by Jan 3, 2017, 11:30 AM

          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 :)

          1 Reply Last reply Reply Quote 3
          • B Offline
            bmfinn
            last edited by Dec 30, 2018, 4:44 PM

            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.

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            • First post
              Last post
            Enjoying MagicMirror? Please consider a donation!
            MagicMirror created by Michael Teeuw.
            Forum managed by Sam, technical setup by Karsten.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy