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.

    MMM-OpenWeatherMapForecast position not budging

    Scheduled Pinned Locked Moved Solved Troubleshooting
    13 Posts 2 Posters 5.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.
    • B Offline
      brgracer @sdetweil
      last edited by

      @sdetweil Ah, as you can see I still have a lot to learn. I have the module set top-right and trying to move it to the upper right corner a bit more.

      As for the developer view, I have tried it but it runs unusably slow on my Pi3 as there is a super long delay between every action. I tried to set my MM in server only mode and access from another PC to try developer mode on the faster machine but could not connect even after whitelisting my IP and changing one setting from localhost to 0.0.0.0

      I guess time for more reading and learning on my end.

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @brgracer
        last edited by

        @brgracer ok… for remote system debugging

        on MM server side, or MM full…

        address:"0.0.0.0",
        ipWhiteList:[],
        

        then you can access the mirror from other system and use debugger

        there IS a border. around ALL the modules
        defined in main.css

          --gap-body-top: 60px;
          --gap-body-right: 60px;
          --gap-body-bottom: 60px;
          --gap-body-left: 60px;
        

        let me look

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @sdetweil
          last edited by sdetweil

          I changed the border in custom.css

          :root {
            --gap-body-top: 50px;
            --gap-body-right: 40px;
            --gap-body-bottom: 60px;
            --gap-body-left: 60px;
          }
          

          the the module went up and over

          Screenshot at 2025-09-10 21-54-14.png

          pushing over the border is hard

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          B 1 Reply Last reply Reply Quote 0
          • B Offline
            brgracer @sdetweil
            last edited by

            @sdetweil Maybe I added in the wrong place in custom.css, but it did not move at all for me. Again, odd behavior in loading in a higher position and then snapping to a lower one once fully loaded. I did change the module width to make it more landscape in orientation so not sure if that has anything to do with it.
            PXL_20250913_174002038.jpg

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @brgracer
              last edited by

              @brgracer goes at the top

              Can you show what you changed for module css

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              B 1 Reply Last reply Reply Quote 0
              • B Offline
                brgracer @sdetweil
                last edited by

                @sdetweil I found where to change the border at the top after your post and changing that still did not do anything. I did not touch the module css, but below is what I changed in custom css to resize the module and inc the width so it was more landscape view:

                .MMM-OpenWeatherMapForecast {
                transform: scale(0.75);
                }

                .MMM-OpenWeatherMapForecast .module-content {
                width: 650px; /* adjust this to taste */
                }

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

                  Okay, I was finally able to access my MM from another computer where the dev window was not painfully slow. I think I have found the attribute that is making the module immovable, but I have been unsuccessful in correctly adding a line in custom.css that will change that position attribute from the picture from “static” to “relative”.

                  Screenshot 2025-09-15 100306.png

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @brgracer
                    last edited by

                    @brgracer

                    try

                    .module.MMM-OpenWeatherForecast {
                         position:relative !important;
                    }
                    

                    because the setting is made on a more specific statement you need !important to force override

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    B 1 Reply Last reply Reply Quote 0
                    • B Offline
                      brgracer @sdetweil
                      last edited by

                      @sdetweil Finally worked! Thank you yet again!

                      S 1 Reply Last reply Reply Quote 1
                      • S Offline
                        sdetweil @brgracer
                        last edited by

                        @brgracer awesome!!

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • S sdetweil has marked this topic as solved on
                        • 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