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

Modify the Gap/Margins

  • I have removed overscan so it fits to the entire screen but I still have margins. Anyone know where I can go to removed/change these?

    Pictured below. The top and left margins are the worst.


  • Hi @ALombardi ,

    edit your custom.css and add these Lines. The Body Part should look like this:

    body {
    margin: 30px;
    position: absolute;
    height: calc(100% - 50px);
    width: calc(100% - 50px);

  • Thanks, @ostfilinchen! Someone reached out over chat and took care of it for me. I appreciate your assistance. Hopefully someone else can benefit from this thread though!

  • For those of us who use this in a real Magic Mirror 😉 there’s no need to have any margins (top, left, right, bottom) and it is great to use all pixels of the display. If you’re with me… use the following in ~/MagicMirror/css/custom.css:

    body {
        margin: 0px;
        position: absolute;
        height: 100%;
        width: 100%;

Log in to reply