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.

    How to do bigger or smaller the modules

    Scheduled Pinned Locked Moved Feature Requests
    3 Posts 3 Posters 4.7k Views 4 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.
    • G Offline
      ge98eleven
      last edited by

      I’m new in this community, and I came here from a video that make a smart mirror with magic mirror v2 and in the video he can adjust the size of the modules, with “ctrl” + “+” or “ctrl” + “shift” + “-”, he can, but I can’t do it, and I want some help for this, to do the modules bigger or smaller.

      Mykle1M 1 Reply Last reply Reply Quote 0
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @ge98eleven
        last edited by

        @ge98eleven

        While MM is running:

        Bigger = Ctrl and Shift and =

        Smaller = Ctrl and -

        Create a working config
        How to add modules

        1 Reply Last reply Reply Quote 0
        • justjim1220J Offline
          justjim1220 Module Developer
          last edited by

          you can use zoom in your custom .css file…

          to zoom out, and make the modules smaller, use a number below 100%. IE: 75%

          My mirror (unfinished) at 100%…

          0_1527022593457_Screenshot (1).png

          with the following code in custom.css…

          /*****************************************************
           * Magic Mirror                                      *
           * Custom CSS                                        *
           *                                                   *
           * By Michael Teeuw http://michaelteeuw.nl           *
           * MIT Licensed.                                     *
           *                                                   *
           * Add any custom CSS below.                         *
           * Changes to this files will be ignored by GIT. *
           *****************************************************/
          
           body {
             zoom: 75%;
           }
          

          it looks like this…

          0_1527022690825_Screenshot (6).png

          to zoom in (make them bigger, use a percentage over 100%, IE: 125%…

          my Mirror at 125%…

          0_1527022819751_Screenshot (7).png

          using the following code in the custom.css…

          /*****************************************************
           * Magic Mirror                                      *
           * Custom CSS                                        *
           *                                                   *
           * By Michael Teeuw http://michaelteeuw.nl           *
           * MIT Licensed.                                     *
           *                                                   *
           * Add any custom CSS below.                         *
           * Changes to this files will be ignored by GIT. *
           *****************************************************/
          
           body {
             zoom: 125%;
           }
          

          "Life's Too Short To Dance With Ugly People"
          Jim Hallock - 1995

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