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.

    Positions of modules

    Scheduled Pinned Locked Moved Solved Troubleshooting
    12 Posts 5 Posters 9.2k Views 4 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.
    • Mykle1M Offline
      Mykle1 Project Sponsor Module Developer @jakuk
      last edited by

      @jakuk

      “I don’t know nothing 'bout birthin no babies!”

      Nor do I know about overscan. However, you can try something like this in your custom.css file. This gives me a mere 5 pixel border. You can adjust accordingly for your purposes.

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

      Create a working config
      How to add modules

      1 Reply Last reply Reply Quote 0
      • B Offline
        barnosch
        last edited by

        why set to 1100?
        Guess it’s a FullHD screen and should set to 1280. Otherwise it’s for sure not sharp or blurry because the aspect ratio is not correct.
        I would give it a try and then set the overscan, if needed, correctly.

        J 1 Reply Last reply Reply Quote 1
        • J Offline
          jakuk @barnosch
          last edited by

          @barnosch I was trying to stretch the screen but relised that wasn’t right way to do it… my resolution size is now set to width 1280 x height 1920… the bottom and top are perfect with no black bars but left and right Just won’t seem to change no matter what I change my overscan to? It says negative numbers if there is too much border but doesn’t seem to work…

          Thanks

          bheplerB 1 Reply Last reply Reply Quote 0
          • bheplerB Offline
            bhepler Module Developer @jakuk
            last edited by

            @jakuk Just to be sure, what’s the resolution of your monitor? Some monitors are 16:9 and some are 16:10. Be sure to set your Pi’s resolution to the native resolution of your monitor. My recommendation is to let the Raspbian OS take care of the overall resolution and use the mirror configuration to handle borders.

            J 2 Replies Last reply Reply Quote 0
            • J Offline
              jakuk @bhepler
              last edited by

              @bhepler hi yes my monitor is 1920 x 1080 but other way around to let it be portrait, it’s also 16:9 aspect radio. It’s just strange as the top and bottom are fine, it’s just left and right I’ve about about an inch black border on each side.

              1 Reply Last reply Reply Quote 0
              • J Offline
                jakuk @bhepler
                last edited by

                @bhepler so if I wanted to change the borders in magic mirror it’s self I use the custom.css file. Could you give me an example of making the clock in the top left to be closer to the edge of the screen?
                Thank you for your help…

                1 Reply Last reply Reply Quote 0
                • J Offline
                  jakuk
                  last edited by

                  Finally sorted the issue of the screen size in portrait… thank you all for you help, a lot of trial and error but finally got there…

                  Cheers 👍

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