• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Move Module to corner

Scheduled Pinned Locked Moved Development
9 Posts 4 Posters 7.2k Views 3 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P Offline
    Patrick
    last edited by Oct 9, 2016, 12:33 PM

    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? :-)

    S 1 Reply Last reply Oct 9, 2016, 4:34 PM Reply Quote 0
    • S Offline
      strawberry 3.141 Project Sponsor Module Developer @Patrick
      last edited by Oct 9, 2016, 4:34 PM

      @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

      Please create a github issue if you need help, so I can keep track

      P 1 Reply Last reply Oct 9, 2016, 5:05 PM Reply Quote 0
      • P Offline
        Patrick @strawberry 3.141
        last edited by Oct 9, 2016, 5:05 PM

        @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!
          0_1476032707196_Problem.png

        S 1 Reply Last reply Oct 9, 2016, 5:06 PM Reply Quote 0
        • S Offline
          strawberry 3.141 Project Sponsor Module Developer @Patrick
          last edited by strawberry 3.141 Oct 9, 2016, 5:07 PM Oct 9, 2016, 5:06 PM

          @Patrick I would try this

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

          Please create a github issue if you need help, so I can keep track

          P 1 Reply Last reply Oct 9, 2016, 5:17 PM Reply Quote 0
          • P Offline
            Patrick @strawberry 3.141
            last edited by Oct 9, 2016, 5:17 PM

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

            1 Reply Last reply Reply Quote 0
            • 1 / 1
            1 / 1
            • First post
              9/9
              Last post
            Enjoying MagicMirror? Please consider a donation!
            MagicMirror created by Michael Teeuw.
            Forum managed by Sam, technical setup by Karsten.
            This forum is using NodeBB as its core | Contributors
            Contact | Privacy Policy