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 10.0k 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.
    • N Offline
      nobita
      last edited by

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

      1 Reply Last reply Reply Quote 0
      • F Offline
        Foxi
        last edited by

        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
        • brobergB Offline
          broberg Project Sponsor
          last edited by

          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
          • H3L1o150H Offline
            H3L1o150
            last edited by

            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

              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

                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

                Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                With your input, this post could be even better 💗

                Register Login
                • 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