• 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.

default clock size?

Scheduled Pinned Locked Moved Utilities
6 Posts 3 Posters 6.6k 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 Jun 7, 2019, 4:33 AM

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

    T 1 Reply Last reply Jun 7, 2019, 9:16 AM Reply Quote 0
    • T Offline
      thedoorsfanatic @costascontis
      last edited by Jun 7, 2019, 9:16 AM

      @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 Jun 7, 2019, 9:53 AM Reply Quote 0
      • C Offline
        costascontis @thedoorsfanatic
        last edited by Jun 7, 2019, 9:53 AM

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

        B 1 Reply Last reply Jun 7, 2019, 2:46 PM Reply Quote 0
        • B Offline
          broberg Project Sponsor @costascontis
          last edited by broberg Jun 7, 2019, 2:47 PM Jun 7, 2019, 2:46 PM

          @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 Jun 7, 2019, 4:54 PM Reply Quote 1
          • C Offline
            costascontis @broberg
            last edited by Jun 7, 2019, 4:54 PM

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

            B 1 Reply Last reply Jun 7, 2019, 6:32 PM Reply Quote 0
            • B Offline
              broberg Project Sponsor @costascontis
              last edited by Jun 7, 2019, 6:32 PM

              @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
              1 / 1
              • First post
                1/6
                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