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.

    Thanks!


  • 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



  • Thanks! I ´ll give it a try.


Log in to reply
 

Looks like your connection to MagicMirror Forum was lost, please wait while we try to reconnect.