layer definition: here MMM-Globe overlaps left panel

schlachtkreuzer6

@strawberry-3.141 @Niggich
Hi guys! I crashed my sd card and now this :
.region.top.center { z-index: -2 position: absolute; }
work anymore!?! If I c+p this in my custom.css the globe disappears!?

Niggich

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

schlachtkreuzer6

@Niggich yes

Niggich

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

schlachtkreuzer6

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

Niggich

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

schlachtkreuzer6

@Niggich nope :( does not work either

DeeZett

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.