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.

    default clock size?

    Scheduled Pinned Locked Moved Utilities
    6 Posts 3 Posters 7.5k Views 2 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.
    • C Offline
      costascontis
      last edited by

      Noob question: how can i make the default clock bigger?

      thedoorsfanaticT 1 Reply Last reply Reply Quote 0
      • thedoorsfanaticT Offline
        thedoorsfanatic @costascontis
        last edited by

        @costascontis
        Are you using the digital or analog displayType?
        There is a setting for the analogSize where you can use a number as pixel size

        My Smart Mirror YouTube playlist: https://www.youtube.com/playlist?list=PL9Iv_4Mvy6o2tnvdhNBstVWNefgUP9ELp

        C 1 Reply Last reply Reply Quote 0
        • C Offline
          costascontis @thedoorsfanatic
          last edited by

          @thedoorsfanatic i use the digital one,i just want it little bigger in size so my old eyes can see it from some distance :)

          brobergB 1 Reply Last reply Reply Quote 0
          • brobergB Offline
            broberg Project Sponsor @costascontis
            last edited by broberg

            @costascontis

            try adding this to your custom.css file

            
            .clock {
            transform: scale(1.2);
            }
            
            

            Or if you want more control you could change the font size itself, but the above will scale the entire module.

            C 1 Reply Last reply Reply Quote 1
            • C Offline
              costascontis @broberg
              last edited by

              @broberg thnx mate,but if i use transform: scale all the module goes left and off screen like this:
              0_1559926469988_Screenshot (15).png

              brobergB 1 Reply Last reply Reply Quote 0
              • brobergB Offline
                broberg Project Sponsor @costascontis
                last edited by

                @costascontis said in default clock size?:

                @broberg thnx mate,but if i use transform: scale all the module goes left and off screen like this:

                Ahh, okey

                add

                transform-origin: top left;
                

                under transform: scale

                Or to change font sizes.

                
                .clock .time {
                 font-size: 100px;
                }
                
                .clock .date {
                 font-size: 30px;
                }
                
                1 Reply Last reply Reply Quote 2

                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