Centering Photos on MMM-ImagesPhotos

[sdetweil]

@kit444 you could add a css z-index:-1

but that is what background does.

[kit444]

@sdetweil I could use that code to position the middle_center region behind the other regions?

[sdetweil]

@kit444 z-index:-?? just pushes it farther away, other modules would then be on top z-index:0;

fullscreen-above is z-index:1;

[kit444]

@sdetweil I’m still not having any luck. I tried adding z-index: -1 to the region.middle_center in the custom css. It still placed the photos over some of the modules. I tried adding a z-index: 0 or 1 to another region to see if I could re-layer the regions. No difference. I added z-index: -1 to the middle_center region in the main. css. It centered the photos under all the other regions, but left a black bar in the middle of each. Lastly I tried to add an align-items and align-content to the main css under the fullscreen region. Neither worked.

[sdetweil]

@kit444 rather than try and try and try

see
https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1644962684132

one thing to do to learn the regions is to set each to a different background color.

the regions overlap…