@sdetweil Dear Sam,
as always: You’re right! This works.

Thanks a lot.

Today in the morning (before reading your post/suggestion) I’ve found

.clock .module-content span.bright {
color: yellow;
}
 

Interesting enough a width attribute is not working at this identifier - color works…

Warmest regards,
Ralf

Dear all,
I’ve tried desparately the developer’s console to figure it out and tried to get hints in given postings but no luck…
Since days become longer the day time is written with more letters and so I see a line wrap in the day time of clock module (in this example 11h17m)::

Can please anybody help me with aligning this?
Developers console is nearly unusable because I have an anaolog clock and the transformation hits every second and destroys focus.
I’ve menaged at least to get the HTML at this section:

<div class="module-content">
    <div class="clock-grid clock-grid-bottom">
        <div class="clock-circle" style="width: 200px; height: 200px; background: url(&quot;modules/default/clock/faces/face-001.svg&quot;) 0% 0% / 100%; border: rgba(0, 0, 0, 0.1);">
            <div class="clock-face">
                <div id="clock-hour" class="clock-hour" style="transform: rotate(388.208deg);"></div>
                <div id="clock-minute" class="clock-minute" style="transform: rotate(338.5deg);"></div>
                <div id="clock-second" class="clock-second" style="transform: rotate(150deg); background-color: rgb(220, 20, 60);"></div>
            </div>
        </div>
        <div class="digital">
            <div class="date normal medium">Dienstag, 27. Mai 2025</div>
            <div class="sun dimmed small"><span class="bright"><i class="fas fa-sun" aria-hidden="true"></i> 11h 33m</span><span><i class="fas fa-arrow-up" aria-hidden="true"></i> 05:33</span><span><i class="fas fa-arrow-down" aria-hidden="true"></i> 21:30</span></div>
            <div class="week dimmed medium">22. Kalenderwoche</div>
        </div>
    </div>
</div>

But I’m not able to figure out the correct classifier.
The “easy” approach

.clock .module-content {
width: 300;
}

doesn’t work.
Any idea?

Thanks a LOT!
Warm regards,
Ralf

@garnoopy Do you have enabled SPI on your pi?
And: Do you have configured the correct overlays for running the 3,5‘‘ Display?

Regards,
Ralf

@sdetweil

i do this for fun, really!

awesome!
highly appreciated!

Ralf

@mumblebaj

Thanks for information!

I currently stay with x11 because - at least in my configuration - I wasn’t able to use wayland …
If this becomes better in further releases I simply would switch…
Regards,
Ralf

@sdetweil said in new Raspi OS release:

x11 is gone next release

bad news :-(

But may things becomes better and the wayland implementation is better in Trixie than in Bookworm…

Ralf

@BKeyport said in new Raspi OS release:

I still take my mirror displays and put them back into X11 mode. It’s what I understand, it’s what allows me to do what I want to do.

So from your perspective X11 still does work?

Thanks and regards,
Ralf

@mumblebaj , @sdetweil ,
any idea, advise what will happen if updating bookworm while NOT using wayfire but X11 (because wayfire doesn’t work even in the earlier bookworm I had reconfigure to X11 in raspi-config)?

Thanks for any hint.

Regards,
Ralf

@sdetweil said in Fontawsome symbol usage for calendar help requested.:

https://docs.magicmirror.builders/modules/calendar.html#configuration-options

Thanks!
Warm regards,
Ralf

@cricket said in MMM-Moon module - how to resize?:

It appears there is no size option in the module itself. I

I’ve had the same issue not with size but with alignment and had resolved this within the middle-center region and have used:

.region.middle.center {
  width: 45%;
 
}

in custom.css.

This works for me to position the moon nicely above earth in my implementation.

Regards,
Ralf