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.

    Regions

    Scheduled Pinned Locked Moved Core System
    34 Posts 19 Posters 108.2k Views 23 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
      Peter @doubleT
      last edited by

      @doubleT , you made my day!
      It works perfectly.
      Indeed I have a newsfeed (several from different sources) in the bottom_bar, Moviemodule in bottom_left and random (travel) pictures in bottom_right region.
      With your help the modules stay on the same line!
      Thanks!
      Peter

      1 Reply Last reply Reply Quote 0
      • D Offline
        doubleT Module Developer
        last edited by

        You’re welcome.
        Btw. depending on how you control your Pi and Mirror, you don’t need to restart your whole Pi. In this case, just refreshing the browser should work, or restarting the Mirror process, if it doesn’t.

        1 Reply Last reply Reply Quote 0
        • WayneRigleyW Offline
          WayneRigley
          last edited by WayneRigley

          Hi all, well after countless trying ive given up and now asking for help. my MM is working perfect and the only troubling issue in my top_right section, i have a few things in there under the config but i would like to extend the left border of my top_right a little more left if thats possible. i have too much open space from the center to the right side. i will not be resizing fonts using the shift+ +/- any longer so that wont be an issue is manually adjusted. thanks all in advance and have a look here what im refering to
          https://photos.app.goo.gl/EUWdJRQwAjKJksx46

          Wayne R

          1 Reply Last reply Reply Quote 0
          • F Offline
            Fifin404
            last edited by Fifin404

            Hi all, is there any way to change outer border around modules? Make it smaller?
            0_1575129077002_IMG_20191130_153745.png

            1 Reply Last reply Reply Quote 0
            • FoziF Offline
              Fozi Project Sponsor
              last edited by

              Im main.css you can change the margin, heightand width under ‚body’ as you need. Here are my values I adjusted. The default values are commented.

              body {
                /* margin: 60px; */
                margin: 5px; 
                position: absolute;
                /*height: calc(100% - 120px);
                width: calc(100% - 120px);*/
                height: calc(100% - 10px);
                width: calc(100% - 10px);
              

              HowTo: Replace PIR Sensor with a RCWL-0516 Microwave Sensor

              Mykle1M 1 Reply Last reply Reply Quote 0
              • F Offline
                Fifin404
                last edited by

                Thank you, that is what I looking for.

                1 Reply Last reply Reply Quote 0
                • Mykle1M Offline
                  Mykle1 Project Sponsor Module Developer @Fozi
                  last edited by

                  @Fozi said in Regions:

                  Im main.css you can change

                  Encouraging people to modify their main.css is really not a good idea, especially for those that are new to MM and/or linux.

                  Please direct your help towards the custom.css file which is intended for just such modifications.

                  Peace

                  -A concerned citizen-

                  Create a working config
                  How to add modules

                  D FoziF 2 Replies Last reply Reply Quote 1
                  • D Offline
                    drwatson @Mykle1
                    last edited by

                    Good point, @Mykle1

                    Can you then suggest the equivalent change to make the proper way without modifying the main.css?

                    C Mykle1M 2 Replies Last reply Reply Quote 0
                    • C Offline
                      cskenney @drwatson
                      last edited by

                      @drwatson Copy the exact same code that @Fozi noted above and put it in the custom.css file.

                      Below is what I put in my custom.css file.

                      body {
                        margin: 5px;
                        position: absolute;
                        height: calc(100% - 10px);
                        width: calc(100% - 10px);
                      }
                      
                      1 Reply Last reply Reply Quote 3
                      • BKeyportB Offline
                        BKeyport Module Developer
                        last edited by BKeyport

                        This post is deleted!
                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 2 / 4
                        • 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