MagicMirror Randabstand ändern

[Slopestyle-1]

Hallöchen,

ich bräuchte wieder mal eure Hilfe.

Ich würde gerne bei meinen MagicMirror denn Randabstand zu den Modulen ändern, weil das gefühlt 3cm Abstand auf jeder Seite ist.
Weiß jemand, in welcher Datei das möglich ist?

Grüße

 

[Nico25394]

Das kannst du in der Custom.css anpassen.
z.B.:

.module {
  margin-top: 3vh;
  margin-bottom: 6vh;
  margin-left: 2vw;
  margin-right: 2vw;
}

.module ist der Selector der für alle Module gilt. Wenn du ein einzelnes Modul ändern willst wäre das beispielsweise mit folgendem möglich:

.module.weatherforecast {
  width: 25vw;
  height: 100%;
}

Gruß

 

[Slopestyle-1]

Das kannst du in der Custom.css anpassen.
z.B.:

.module {
  margin-top: 3vh;
  margin-bottom: 6vh;
  margin-left: 2vw;
  margin-right: 2vw;
}

.module ist der Selector der für alle Module gilt. Wenn du ein einzelnes Modul ändern willst wäre das beispielsweise mit folgendem möglich:

.module.weatherforecast {
  width: 25vw;
  height: 100%;
}

Gruß

Leider hat das keine Auswirkung...

body {
background-image: url("");
background-size: cover;
background-size: 1920px 1080px;
background-color: #000000;
},
{
.module {
margin-top: 3vh;
margin-bottom: 6vh;
margin-left: 2vw;
margin-right: 2vw;
},

 

[Nico25394]

Du kannst sonst auch mal schauen ob der body oder das html Dokument da noch irgendwelche paddings/margins eingebaut haben.
Über die Developer Ansicht im Browser (F12) kommt man da eigentlich ganz gut dahinter, was da diesen Abstand generiert.