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.

    layer definition: here MMM-Globe overlaps left panel

    Scheduled Pinned Locked Moved Solved Troubleshooting
    25 Posts 7 Posters 20.3k Views 7 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.
    • N Offline
      Niggich @schlachtkreuzer6
      last edited by

      @schlachtkreuzer6 Without this in your custom.css the Globe is working?

      schlachtkreuzer6S 1 Reply Last reply Reply Quote 0
      • schlachtkreuzer6S Offline
        schlachtkreuzer6 @Niggich
        last edited by

        @Niggich yes

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

          @schlachtkreuzer6 This is my Entry at the custom.css.

          .region.lower.third {
          	z-index: 0;
          	position: absolute;
          }
          

          Maybe you have to change the position in the custom.css like .region.top.center.

          schlachtkreuzer6S 1 Reply Last reply Reply Quote 0
          • schlachtkreuzer6S Offline
            schlachtkreuzer6 @Niggich
            last edited by

            @Niggich nope does not work for me… strange! i changed the location of the globe (lower third), without any success.

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

              @schlachtkreuzer6 hmm… try to re-install the modul!

              schlachtkreuzer6S 1 Reply Last reply Reply Quote 0
              • schlachtkreuzer6S Offline
                schlachtkreuzer6 @Niggich
                last edited by

                @Niggich nope :( does not work either

                1 Reply Last reply Reply Quote 0
                • D Offline
                  DeeZett
                  last edited by

                  Hi everyone,
                  if anyone has still trouble with it. I installed the MMM-Globe module and had the same issue. I declared all modules to foreground and just the globe one layer behind all. Keep an eye onto the z-index config. Worked fine for me.

                  I use the globe module in config.js at the middle_center:

                  module: 'MMM-Globe',
                  position: 'middle_center',
                  

                  What I’ve declared in custom.css:

                  .module {
                  z-index: 1;
                  width: 300px;
                  transform: scale(1.3);
                  padding-bottom: 15%;
                  }
                  
                  .MMM-Globe {
                  z-index: 0;
                  width: 100%;
                  height: 100%;
                  position: absolute;
                  margin: auto;
                  padding-top: 120%;
                  opacity: 0.7;
                  }
                  

                  Greets,
                  Dee.

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