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

How to do bigger or smaller the modules

Scheduled Pinned Locked Moved Feature Requests
3 Posts 3 Posters 4.5k 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 May 20, 2018, 5:06 AM

    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.

    M 1 Reply Last reply May 21, 2018, 1:28 AM Reply Quote 0
    • M Offline
      Mykle1 Project Sponsor Module Developer @ge98eleven
      last edited by May 21, 2018, 1:28 AM

      @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
      • J Offline
        justjim1220 Module Developer
        last edited by May 22, 2018, 9:01 PM

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