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.
    • andrewchumchalA Offline
      andrewchumchal @KirAsh4
      last edited by

      @KirAsh4 @strawberry-3-141

      Thanks Guys

      1 Reply Last reply Reply Quote 0
      • 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