MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord
    MagicMirror² v2.24.0 is available! For more information about this release, check out this topic.

    SOLVED layer definition: here MMM-Globe overlaps left panel

    Troubleshooting
    7
    25
    11014
    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.
    • binderth
      binderth last edited by

      I tested my Magic Mirror today with a rotated display and found, that the picture of my globe in MMM-Globe overlaps the left panel side. That is also, if I move the MMM-Globe in the config.sys to the top. The right panel side is nicely in the background and above the globe.
      Is there a way to show change the layer visibility?

      0_1484175611136_2017-01-11-235604_1080x1920_scrot.png

      1 Reply Last reply Reply Quote 0
      • broberg
        broberg Project Sponsor last edited by

        Yes, using z-index on the modules you can arrange the layers.

        Like

        .MMM-Globe {
        z-index: 2;
        }
        

        Will put the globe module above everyother module, you can also apply this to regions.

        1 Reply Last reply Reply Quote 2
        • binderth
          binderth last edited by

          thanks! Works like a charm now!

          1 Reply Last reply Reply Quote 0
          • N
            Niggich last edited by

            Hello,
            I’m sorry, but where I have to change the Settings to arrange the layers?

            strawberry 3.141 1 Reply Last reply Reply Quote 0
            • strawberry 3.141
              strawberry 3.141 Project Sponsor Module Developer @Niggich last edited by

              @Niggich ~/MagicMirror/css/custom.css

              Please create a github issue if you need help, so I can keep track

              1 Reply Last reply Reply Quote 0
              • N
                Niggich last edited by

                I did, but it’s not working… 😞

                strawberry 3.141 1 Reply Last reply Reply Quote 0
                • strawberry 3.141
                  strawberry 3.141 Project Sponsor Module Developer @Niggich last edited by

                  @Niggich how does your custom.css look like

                  Please create a github issue if you need help, so I can keep track

                  1 Reply Last reply Reply Quote 0
                  • N
                    Niggich last edited by

                    Like:

                    /*****************************************************
                     * Magic Mirror                                      *
                     * Custom CSS                                        *
                     *                                                   *
                     * By Michael Teeuw http://michaelteeuw.nl           *
                     * MIT Licensed.                                     *
                     *                                                   *
                     * Add any custom CSS below.                         *
                     * Changes to this files will be ignored by GIT. *
                     *****************************************************/
                    
                     body {
                     	
                    }
                    .compliments .xlarge {
                        font-size: 40px;
                        line-height: 40px;
                        letter-spacing: 0px;
                        font-weight: 400;
                    }
                    .calendar {
                    	width: 100%;
                    	font-size: 15px;
                    }	
                    .MMM-FRITZ-Box-Callmonitor {
                    	width: 90%
                    }
                    .currentweather {
                    	width: 100%
                    }
                    .weatherforecast {
                    	width: 100%
                    }
                    .MMM-DWD-WarnWeather {
                    	width: 100%
                    }
                    .MMM-Globe {
                    z-index: 2;
                    }
                    
                    
                    strawberry 3.141 1 Reply Last reply Reply Quote 0
                    • strawberry 3.141
                      strawberry 3.141 Project Sponsor Module Developer @Niggich last edited by

                      @Niggich when you set it to two it will be above all, you have to set a lower value than the other have like -1

                      Please create a github issue if you need help, so I can keep track

                      1 Reply Last reply Reply Quote 1
                      • N
                        Niggich last edited by

                        no, it is not working… I try -1, also -20 and -50

                        strawberry 3.141 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 1 / 3
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy