Modify the Gap/Margins

ALombardi

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.

Imgur

ostfilinchen

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);
}

ALombardi

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!

hefeteig

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%;
}