Navigation

    MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    default clock size?

    Utilities
    3
    6
    2475
    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
      costascontis last edited by

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

      thedoorsfanatic 1 Reply Last reply Reply Quote 0
      • thedoorsfanatic
        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

        C 1 Reply Last reply Reply Quote 0
        • C
          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 🙂

          broberg 1 Reply Last reply Reply Quote 0
          • broberg
            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
              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

              broberg 1 Reply Last reply Reply Quote 0
              • broberg
                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 3
                • 1 / 1
                • First post
                  Last post
                Enjoying MagicMirror? Please consider a donation!
                MagicMirror created by Michael Teeuw.
                Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                This forum is using NodeBB as its core | Contributors
                Contact | Privacy Policy