Move Module to corner

andrewchumchal

How can I move a module more to the corner so i can get ride of the blank space ? Corner Picture Will auto-remove after 30 days

strawberry 3.141

@andrewchumchal the body has a margin in main.css

body {
  margin: 60px;
  position: absolute;
  height: calc(100% - 120px);
  width: calc(100% - 120px);
  ...
}

you could override that in custom.css

KirAsh4

Note that if you are trying to move it down, you won’t be able to because the newsfeed module takes up that space. Please look at the various regions on this post: https://forum.magicmirror.builders/topic/286/regions

andrewchumchal

@KirAsh4 @strawberry-3-141

Thanks Guys

Patrick

Did it work? I tried it aswell and have the problem, that i just adjust the left-margin?
(tried it with custom & main.css)

Can someone help?

strawberry 3.141

@Patrick the correct css property is called margin-left not left-margin, maybe this was your mistake.

you can post your css here so we can have a look on it

Patrick

@strawberry-3.141 sorry for my wrong explanation.
I just want to reduce the whole margin because my display is to small for weather + clock.
So i tried to reduce it with the tags:

margin: xxx
margin-left: xxx in combination with margin-right: xxx
both didn’t work.
I had the problem that everything just moved to the left instead of providing more space.
So i had at the right a huge blank space which wasn’t my plan… (Check the attached picture)
Thank you for your help!

strawberry 3.141

@Patrick I would try this

body {
  margin: 10px;
  position: absolute;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
}

Patrick

@strawberry-3.141 Thank you! Now it works very well!
Don’t know why i didn’t thought about height & width before