Open up your console in dev tools and see if you’re getting any errors

@cyberphox If you look at the css in dev mode, is it using .region.left for them two modules? That’s what’s left aligning them for me

Have you installed MMM-remote-control ? That has an integrated slider that lets you control brightness, I definitely needed it for my mirror’s brightness

Hey have a look here, I had the same issue, scroll down to the section “Installing magic mirror” and look for “step 3”, this did it for me, an alternative that I’ve seen on the forum if that doesn’t work is install and then delete xscreensaver

Have a look here https://forum.magicmirror.builders/topic/2336/css-z-index-is-not-working-anymore/11 I think he solved the issue

@ytroch I think it’s this section at the bottom that’s missing

if (typeof module !== "undefined") {module.exports = config;}

Have a look at the sample one here https://github.com/MichMich/MagicMirror/blob/master/config/config.js.sample

@iMAGiC Oh…I’m not familiar with that module, I can see that you have position: 'fullscreen_above'; maybe try position: 'fullscreen_below' and see if that changes it to be below for you?

I just put a background on mine and it seemed to go in without the need for a z-index and behind everything else, I used

html:before {
           background-image: url(http://YOUR URL HERE);
           content: '';
           height: 100%;
           position: absolute;
           width: 100%;
          
}
body {
      background: transparent;
}

I just changed the background color on the body to transparent because in main.css it’s set to black and will show over the background image, this worked for me hope it helps you, you can also set things like background-size: cover; if you want to stretch the image to be full width and background-repeat: no-repeat; if more than one image shows

Does it have a defined position? i.e position: absolute; or position: fixed; as far as I know z-index will only work when the div has a defined position