MMM-CalendarExt3

p1lspeda

Thanks folks,
much appreciated that you invest your free-time to help simpletons like me.
My custom.css now includes

.CX3 .cellHeader .cellDate {
        flex-grow: 0;
}

.CX3 .cw::before {
        content: "CW";
        margin-right: 0px;
}

which seems to achieve what I was/am looking for.

sdetweil

@BKeyport here is my dev window steps
the background area for the today highlight is smaller than the font size (set with the cx3-… properties)

now w the element selected

can’t copy/paste the selector list bottom,
so copy the element it self

and paste into editor on custom.css

now keep/remove the text to match the bottom selector row

div .cell.today.thisMonth.thisYear.year_2025.month_3.date_25.weekday_2 div.cellHeader div.cellDate

add the module name in front

.CX3 div .cell.today.thisMonth.thisYear.year_2025.month_3.date_25.weekday_2 div.cellHeader div.cellDate {

}

then copy the change in the dev window

and paste into custom.css inside the braces of the thing you just added

.CX3 div .cell.today.thisMonth.thisYear.year_2025.month_3.date_25.weekday_2 div.cellHeader div.cellDate {
 height: 1em;
text-align: left;
}

now. you MIGHT know (or not) that we ONLY need to target the ‘today’ and ‘celldate’ classes , not JUST this ACTUAL date (mar 25)

so we should shorten the selector… so it also works tomorrow

.CX3 div .cell.today div.cellDate {
 height: 1em;
}

every module it different, so it takes some thinking about what you are seeing