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 19.9k 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 Online
      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 Online
          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