• 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.
  • A Offline
    andrewchumchal @KirAsh4
    last edited by Oct 3, 2016, 11:07 PM

    @KirAsh4 @strawberry-3-141

    Thanks Guys

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