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 6.7k 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
                • 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