Got it! And learned a little more:

.tick .medium {
	font-size: 60px;
	 text-transform: uppercase;
}

.tick {
    display: flex;
    align-items: left;
    justify-content: start;
}

.MMM-FlipClock .time {
    order: 1;
}

.MMM-FlipClock .date {
    order: 2;
	align-self: center;
}

Got it! And learned a little more:

.tick .medium {
	font-size: 60px;
	 text-transform: uppercase;
}

.tick {
    display: flex;
    align-items: left;
    justify-content: start;
}

.MMM-FlipClock .time {
    order: 1;
}

.MMM-FlipClock .date {
    order: 2;
	align-self: center;
}

@sdetweil
Thanks for your answer - I already tried developer window and a bit of A.I. but I can’t get any further than my screenshot.

I think I have to study CSS instead of ‘copy/paste’ and trial’n’error as now.

:-)

Hello everybody

I have some trouble manipulating the MMM-FlipClock. I want the Clock and the date side-by-side without a huge gap. See the screenshot

How do I reduce the gap through CSS? Can anybody point me in the right direction? Se my CSS:

.tick {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.MMM-FlipClock .time {
    order: 1;
}

.MMM-FlipClock .date {
    order: 2;
}

I have tried to use margin and padding without any luck. I want to have the content aligned to the left.

Is i possible?

Thanks for your help.

Great work, and allready in use :-)

@Laz

Did you find a solution?

I’ve got the same problem :-(

@MMRIZE said in MMM-CalendarExt3:

@kasperinline
Do that in your ‘custom.css’ not in the ‘MMM-CalendarExt3.css’

Yes of course :-)

Always in the ‘custom.css’

@kasperinline said in MMM-CalendarExt3:

@fedale
I’m not able to get rid of the text “CW”. Can you help me, by sharing your lines.

Regards

Got i’t by myself, and learned a little more :-)

.CX3 .cw::before {
content: "CW ";
display: none;
}

@fedale
I’m not able to get rid of the text “CW”. Can you help me, by sharing your lines.

Regards

@sdetweil said in MMM-Todoist fontsize:

@kasperinline if you are lucky you won’t have to do this more than 100 times! lol

That dosent matter as long as I know, their might be a solution :grinning_squinting_face:

@sdetweil said in MMM-Todoist fontsize:

see https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1683502518672
on how to use the developers console

Thank you, for pinpointing me in the right direction istead of giving me the answer :-)

The class-name is “xsmall”

Thank you, for you time and patience