I use the default calendar to display the holidays (“Feiertage”) here in Germany. For example, today is one and is displayed that it is “Noch 14 Stunden” (14 hours left). But there I would like to have the display “Heute” (today) or the date. Also because the 14 hours are calculated using UTC time and not the local time.

I can’t find anything suitable in the calendar configuration. Does anyone know the solution?

It’s a superb module but needs some CSS adjustments. Thanks for the helpful hints here in the thread.

Is it possible to update the clock only when the time has changed? The current refresh is every second, but I only use a clock with hours and minutes.

That might also lower the load on the browser and it would probably be helpful for CSS customizations via the browser developer tools.

@macg said in Change current CSS with a module?:

After your post from Friday, I had the idea to create maybe two instances of the MMM-BackgroundSlideshow. One with and one without gradient. …

This doesn’t work. Also not with the second instance as “fullscreen_above”. So back to plan A again.

I have that too but am still in the setup phase from the Magic Mirror. The mouse and keyboard are still connected. Have you seen these solutions?

https://forum.magicmirror.builders/topic/9859/mouse-arrow-doesn-t-hide-after-magicmirror-is-loaded
https://github.com/evghenix/MMM-Cursor

A transparent PNG or GIF file will probably not work either, because a mouse movement is expected.

cursor: url(pointer.png), none;

the “none” is a necessary fallback.

@sdetweil I know. Fortunately, from my logical point of view, the background is with one of the first modules.

After your post from Friday, I had the idea to create maybe two instances of the MMM-BackgroundSlideshow. One with and one without gradient. With the MMM-Remote-Control, I could then set active the instance which is needed. So that the dashboard is readable and the gallery mode is without gray haze. That would save me the module programming. Is everything new for me anyway.

@sdetweil The ID is well known because I have already changed or tried some things with the custom.css. It’s “module_1_MMM-BackgroundSlideshow”.

I use option 2. So I have only one cable on the wall to the mirror. In my case 19V DC and behind the monitor is the buck converter for the 5V of the Raspberry Pi 4.

@sdetweil Thank you!

This seems to be more difficult, than expected. I’ll take a look at it. So far, I have only programmed with the script language AutoIt.

Why would the loop through the modules be necessary? To find the ID of the background module or to set the changes to the module?

@sdetweil Thanks a lot! Then I will look into creating modules.

Would it be technically possible to switch a class off and on in the CSS with a module? I know that is possible with the custom.css, only I would need two custom.css to create the two different displays.

It’s specifically about the Gradient of MMM-BackgroundSlideshow. Currently, I disable that, if desired, with the developer tools from the browser. This is not a permanent solution, because the digital dashboard should run without a mouse and keyboard.

In advance, thanks for your help!