7″ touchscreen - module size and overlapping issues.

broberg

You can either use the “zoom” function in css, like ..modulename { transform: scale(0.8) }

Or you can set a specific width for the module so it forces the text to get a row break like .modulename { width: 200px; }

Marius

@broberg
Thank you for the help. Now i got i all sorted out :)

Btw, how can I delete/hide text “4 minutes ago” update text, please see picture in post above. I have been looked in netatmo.js and netatmo.css file without any luck.

broberg

@Marius

possibly the " hideLoadTimer: false," configuration option? (change to true if not already)

or maybe .MMM-Netatmo .updated {visibility: hidden;}

CyruS1337

@Mykle1 said in 7″ touchscreen - module size and overlapping issues.:

@Marius

Try the commands from this tutorial to manage the size of the modules in real time

https://forum.magicmirror.builders/topic/5619/how-to-find-and-use-key-commands-in-mm-for-absolute-beginners

Is there also a tutorial about the custom.css. I have the following problem.
Before the hard reset, I changed the costum.css so that the modules were really in every corner of the monitors. Thus, the display on the monitor was optimally utilized before the module disappeared behind the edge of the monitor. Unfortunately I do not know the attitude anymore.

Mykle1

@CyruS1337 said in 7″ touchscreen - module size and overlapping issues.:

Is there also a tutorial about the custom.css.

https://forum.magicmirror.builders/topic/6808/css-101-getting-started-with-css-and-understanding-how-css-works

Also, there is a wealth of css info online. Google your css questions and see what you get.

CyruS1337

@Mykle1 OK everything good. I have not asked Google, I will also google ask.

Many Thanks