search

404ryannotfound / MMM-CSSBackgrounds

Animated CSS backgrounds for use with Magic Mirror 2.
MIT License
11 stars 1 forks source link

shifting mm up and left #1

Open reallykeene opened 4 years ago

reallykeene commented 4 years ago

When I run the module it shifts my mirror up and left. Any ideas on how to fix?

clangers-dev commented 1 year ago

I know this is old but I had the same issue - I found the css was clashing with the default main.css of MM.

you can just tweak MMM-CSSBackgrounds.css, this was my diff:

1a2,4 > html, body { > height: 100%; > }

19,20d21 < / I found main.css specified height as calc(100% - 60px) to account for the global margin, as our margin is 0 we need to remove the offset / < height: 100%; < width: 100%;

22,27d22 < / sets the margin of each module to 30px. May need tweaking to be more specific according to your specific setup. use .region.top.bar etc to tweak specific module positions / < .region { < margin: 30px; < < } <