Here is an example .css to change the regions positions. You can move and position the regions freely.

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

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.

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.