Move Module to corner

[andrewchumchal]

How can I move a module more to the corner so i can get ride of the blank space ?

[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 :D