MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord
    MagicMirror² v2.24.0 is available! For more information about this release, check out this topic.

    Module is changing width of position

    General Discussion
    3
    5
    179
    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.
    • D
      DDE12 last edited by

      I installed MMM-FlipClock and it has changed the width of the top_center. How do I prevent this and possibly adjust the aspect of the FlipClock itself?

      Big clock.png

      KamiSchami 1 Reply Last reply Reply Quote 0
      • KamiSchami
        KamiSchami @DDE12 last edited by

        @DDE12

        Custom CSS

        .MMM-FlipClock {
        transform:scale(0.5);
        }

        Real programmers never work 9 to 5. If they are around at 9 AM, it's because they were up all night.

        D 1 Reply Last reply Reply Quote 0
        • D
          DDE12 @KamiSchami last edited by

          @KamiSchami
          Thank you for looking at this. It shrank the clock down within the space that it was in but it has still enlarged the fuel module. Why is it doing that? I just want it to be in the same place that the default clock was and not change the size of other modules.
          Clock size 02.PNG

          BKeyport 1 Reply Last reply Reply Quote 0
          • BKeyport
            BKeyport Module Developer @DDE12 last edited by

            @DDE12

            Instead of transforming it smaller, try adjusting it via direct font sizing.

            .tick-flip, .tick-text-inline {
            	font-size: 3em;
            }
            

            (default is 5em)

            The module itself does not set a size, so this should shrink up the region. If it does set it to a value that you’d like, and to make the region lock in at a maximum width:

            .region.top.center {
                 max-width: ###px
            }
            

            I used this for a long time to set all center regions to 325px wide:

            .region.center {
            	min-width: 325px;
            	max-width: 325px; 
            }
            

            The "E" in "Javascript" stands for "Easy"

            D 1 Reply Last reply Reply Quote 0
            • D
              DDE12 @BKeyport last edited by

              @BKeyport
              That works great! Thank you!

              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 Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
              This forum is using NodeBB as its core | Contributors
              Contact | Privacy Policy