MMM-CalendarExt3Agenda

Wenike

@BKeyport I appreciate you posting your CSS, it gave me a good base to tweak to make my layout work for me (especially getting each event in the calendar’s color but still dimming when that event is in the past.

MMRIZE

Nobody like my default color settings? :(

BKeyport

@MMRIZE I did, when I was on a dark background. Then I decided I wanted to go with color to tell events apart, so css work it was.

Wenike

@MMRIZE I did! Except I have like 6 calendars defined and I’ve long been used to telling them apart by color on my Google calendar.

luisestrada

@hogedir

I edited the max-width value (50% to 100%) in .CX3A .cellBody .fullday .event and solved the issue

hogedir

@MMRIZE how do you change the baseball icon please? which one are available to put?

BKeyport

@hogedir icons are changed at the calendar level by adding symbol: <some symbol> to each calendar in the calendar module.

https://fontawesome.com/v5/search is where you can look up icons to use. The system can’t use pro icons.

{
	url: "http://cal.events/VReW45.ics",
	name: "Seahawks",
	symbol: "football-ball",						
},

is https://fontawesome.com/v5/icons/football-ball?s=solid&f=classic

hogedir

@BKeyport I searched how to Hide the list of events diary and the AGENDA calendar with all the month with days because I just want to show the 3rd part of the module with all the events.

like this : hiding the cross part and the other part with events :

sdetweil

@hogedir please see this post

https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1664733698317

about using the developers window (ctrl-shift-i) to examine the web page and find the element u want to address

this content goes into ~.MagicMirror/css/custom.css

.MMM-CalendarExt3Agenda  .?????? {
      display:none;
}

where ??? is the classname of the month view

BKeyport

@hogedir hiding the minical is simple: showMiniMonthCalendar: false, in your config. I suggest you read the README.md - it’s all documented.

Everything other than config options is CSS - Feel free to give ideas, and @mmrize and I can help you work it out.