• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 17.8k 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 Sep 15, 2017, 1:41 PM

    @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.

    S 1 Reply Last reply Sep 15, 2017, 10:04 PM Reply Quote 0
    • S Offline
      schlachtkreuzer6 @Niggich
      last edited by Sep 15, 2017, 10:04 PM

      @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 Sep 16, 2017, 12:37 PM Reply Quote 0
      • N Offline
        Niggich @schlachtkreuzer6
        last edited by Sep 16, 2017, 12:37 PM

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

        S 1 Reply Last reply Sep 16, 2017, 1:53 PM Reply Quote 0
        • S Offline
          schlachtkreuzer6 @Niggich
          last edited by Sep 16, 2017, 1:53 PM

          @Niggich nope :( does not work either

          1 Reply Last reply Reply Quote 0
          • D Offline
            DeeZett
            last edited by Nov 21, 2021, 9:24 AM

            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