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.5k 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

      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.141S 1 Reply Last reply Reply Quote 0
      • strawberry 3.141S Offline
        strawberry 3.141 Project Sponsor Module Developer @Patrick
        last edited by

        @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 Reply Quote 0
        • P Offline
          Patrick @strawberry 3.141
          last edited by

          @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

          strawberry 3.141S 1 Reply Last reply Reply Quote 0
          • strawberry 3.141S Offline
            strawberry 3.141 Project Sponsor Module Developer @Patrick
            last edited by strawberry 3.141

            @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 Reply Quote 0
            • P Offline
              Patrick @strawberry 3.141
              last edited by

              @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
              • First post
                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