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.

    Custom size of modules

    Scheduled Pinned Locked Moved Custom CSS
    3 Posts 2 Posters 4.0k Views 3 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.
    • V Offline
      vortex
      last edited by

      Hi all,

      I am new to Magicmirror, just finished my own mirror.

      However, I´m runing in some trouble regarding the size of the modules - some of them overlap. So how can I adjust the size of my modules?
      For example, how can I resize MMM-Fuel being displayed smaller?
      Currently, I m using the default values.

      Thanks!

      1 Reply Last reply Reply Quote 0
      • yawnsY Offline
        yawns Moderator
        last edited by

        in folder css you find a file named custom.css with this content:

        /*****************************************************
         * 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 {
         	
         }
        
        

        There you can add anything you want to. In your example you could add this below the current content, not inside the body part!

        .MMM-Fuel {
        width: 200px;
        }
        

        Play around with the numbers to adjust to your layout

        1 Reply Last reply Reply Quote 1
        • V Offline
          vortex
          last edited by

          Thanks! I ´ll give it a try.

          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