3. Custom size of modules
MagicMirror² v2.5.0 is available! For more information about this release, check out this topic.

Custom size of modules

  • V

    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!

    0
  • Moderator

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

    Thanks! I ´ll give it a try.

    0