<![CDATA[MMM-CalendarExt3 formatting help]]>So I am trying to get two things to happen:

  1. the end times to not display on my long events
  2. the dots/icons to go away on short events so there’s more room for text

21ff9f37-bc8a-47a1-9535-b02e073e86ec-image.png

I have icons off and end times off within both the native calendar module AND CX3 module. I don’t know what to do now!

		{
			module: "calendar",
			header: "Family Calendar",
			hiddenOnStartup: "true",
			position: "top_left",
			config: {
				broadcastPastEvents: true,
				displaySymbol: false,
				showEnd: false,
				fetchInterval: 300000,
				calendars: [
					{
						url: "https://.ics",
						name: "family_cal",
						color: "purple"
					},
					{
						url: "https://.ics",
						name: "alecwork_cal",
						color: "gray"
					},
					{
						url: "https://.ics",
						name: "alec_cal",
						color: "blue"
					},
					{
						url: "https://.ics",
						name: "days_off",
						color: "black"
					}

				]
			}
		},
{
			module: "MMM-CalendarExt3",
			position: "bottom_bar",
				config: {
					mode: "week",
					useSymbol: false,
					showMore: true,
					refreshInterval: "305000",
					weekIndex: "0",
					instanceId: "basicCalendar",
					fontSize: "22px",
					maxEventLines: 5,
					firstDayOfWeek: 7,
					calendarSet: ['family_cal', 'alecwork_cal', 'alec_cal', 'days_off'],
  }
},
]]>https://forum.magicmirror.builders/topic/18312/mmm-calendarext3-formatting-helpRSS for NodeThu, 14 May 2026 00:49:18 GMTThu, 28 Dec 2023 00:58:48 GMT60<![CDATA[Reply to MMM-CalendarExt3 formatting help on Thu, 09 Apr 2026 03:22:39 GMT]]>@MMRIZE
How do I remove the time from the calendar? I’m using your CX3 Agenda to the right with the calendar in the middle; I would like to just have the time on the agenda. I managed to get symbols removed thanks to your (old) post, but cannot figure out the right combination of config.js and custom.css code to get rid of the start times.

]]>https://forum.magicmirror.builders/post/130721https://forum.magicmirror.builders/post/130721Thu, 09 Apr 2026 03:22:39 GMT<![CDATA[Reply to MMM-CalendarExt3 formatting help on Thu, 28 Dec 2023 20:33:36 GMT]]>@angeliKITTYx
https://github.com/MMRIZE/MMM-CalendarExt3/discussions/124#discussioncomment-7950060
See #6 answer.

]]>https://forum.magicmirror.builders/post/113660https://forum.magicmirror.builders/post/113660Thu, 28 Dec 2023 20:33:36 GMT<![CDATA[Reply to MMM-CalendarExt3 formatting help on Thu, 28 Dec 2023 19:36:22 GMT]]>@MMRIZE that worked! weird - the css the module author offered didn’t work.

Thanks!
Is there an easy way to make the font color match the calendar color? Right now all my timed events are written white for every calendar. I didn’t realize the calendar color setting only applied to “all day” events and the symbols.

]]>https://forum.magicmirror.builders/post/113659https://forum.magicmirror.builders/post/113659Thu, 28 Dec 2023 19:36:22 GMT<![CDATA[Reply to MMM-CalendarExt3 formatting help on Thu, 28 Dec 2023 18:51:41 GMT]]>@angeliKITTYx
Rename custom.css.example to custom.css then add my above codes into it.

]]>https://forum.magicmirror.builders/post/113658https://forum.magicmirror.builders/post/113658Thu, 28 Dec 2023 18:51:41 GMT<![CDATA[Reply to MMM-CalendarExt3 formatting help on Thu, 28 Dec 2023 17:19:35 GMT]]>@MMRIZE I also already have

…
useSymbol: false,
…

in my config file. I have the command for both default calendar and CX3.

And I know it’s very narrow - which is why I’m trying to maximize the space for the text and remove the symbol. I’m just not sure how to get the css file working.

]]>https://forum.magicmirror.builders/post/113652https://forum.magicmirror.builders/post/113652Thu, 28 Dec 2023 17:19:35 GMT<![CDATA[Reply to MMM-CalendarExt3 formatting help on Thu, 28 Dec 2023 16:15:31 GMT]]>@MMRIZE I haven’t done anything with custom css. Do I make a copy of the sample file and just add this text in? I tried doing that to alter the cell heights but nothing I changed did anything.

]]>https://forum.magicmirror.builders/post/113654https://forum.magicmirror.builders/post/113654Thu, 28 Dec 2023 16:15:31 GMT<![CDATA[Reply to MMM-CalendarExt3 formatting help on Thu, 28 Dec 2023 08:30:48 GMT]]>@angeliKITTYx

/* in your module config in config.js */
...
useSymbol: false,
...

/* custom.css */
.CX3 .event.multiday:not(.continueToNextWeek) .headline .endTime {
  display: none;
}

.CX3 .event.singleday .headline:not(.useSymbol)::before,
.CX3 .event.singleday .headline.useSymbol .symbol.noSymbol::before {
  display: none;
}

6dd4a77c-636c-46ce-9979-85595aac709b-image.png

By the way, 1080w is too narrow for this kind of view… (with 0 margin, 1080px / 7 = 154px => only for 10~20 chars could be displayed in one cell.)

]]>https://forum.magicmirror.builders/post/113647https://forum.magicmirror.builders/post/113647Thu, 28 Dec 2023 08:30:48 GMT