Here is an example .css to change the regions positions. You can move and position the regions freely. [image: 1593852935481-unbenannt.jpg] /** * Region Definitions. */ .region.bottom.bar { background : gray; position: absolute; width: 50%; } .region.top.bar { background : gray; position: absolute; width: 50%; } .region.top.right { background : green; margin-right: 100px; margin-top: 100px; } .region.top.left{ background : red; margin-left: 100px; margin-top: 100px; } .region.top.center { background : blue; *margin-left: 100px; *margin-top: 100px; } .region.bottom.right { background : green; margin-right: 100px; margin-bottom: 100px; } .region.bottom.center { background : blue; margin-bottom: 100px; } .region.bottom.left { background : red; margin-left: 100px; margin-bottom: 100px; } .region.third { background : cyan; } .region.middle.center { background : cyan; margin-bottom: 100px; text-align: center; position: absolute; width: 45%; height: 33%; left: 1100px; } .region.upper.third { background : yellow; margin-bottom: 100px; text-align: center; position: absolute; width: 45%; height: 33%; left: 1100px; } .region.lower.third { background : magenta; text-align: center; position: absolute; width: 45%; height: 33%; left: 1100px; }

Hello I applied the css, great Except that my screen is small, I have to put it in portrait mode when I do this: https://forum.magicmirror.builders/topic/9707/save-performance-when-rotating-screen-e-g-on-raspberry-pi/12?page=2 the whole image goes into a spin thanks for the help Bonjour J’ai appliqué le css , génial Sauf que mon ecran et petit , je dois le mettre en mode portrait quans je fais ceci : https://forum.magicmirror.builders/topic/9707/save-performance-when-rotating-screen-e-g-on-raspberry-pi/12?page=2 toute l’image part en vrille Merci pour l’aide

A small module with various clocks. github Link [image: 1593373598716-clocks.jpg] { module: "MMM-Watchstore", position: "top_center", config: { url: "modules/MMM-Watchstore/clocks/clock1/index.html", width: "500px", height: "120px", } }, To change the clock, change the entry clock1 / clock2 …

Please use the search function. At the moment questions are being asked time and again that have probably already been answered a hundred times by the search at the top right. The problem is that there are 50 solutions to a problem and newcomers are getting more and more confused. [image: 1593356124642-unbenannt.png]

@Piranha1605 :thumbs_up_medium-light_skin_tone: thanks nice work

@Piranha1605 said in css switch Module: I have to thank you, many of your contributions prevented me from throwing the MagicMirror project into the trash You’re welcome, mate. I hope you enjoy them as much as I did while learning how to make them. :thumbsup:

@rdwilbrink I don’t know.

@robertybob You will need to adjust the size of the modules.