MagicMirror² v2.14.0 is available! For more information about this release, check out this topic.

Custom size of modules

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


  • Moderator

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

     * Magic Mirror                                      *
     * Custom CSS                                        *
     *                                                   *
     * By Michael Teeuw           *
     * 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

  • Thanks! I ´ll give it a try.

Log in to reply