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

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 Dec 7, 2017, 10:21 AM

    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
    • Y Offline
      yawns Moderator
      last edited by Dec 7, 2017, 11:18 AM

      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 Dec 7, 2017, 11:27 AM

        Thanks! I ´ll give it a try.

        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