@sdetweil Thanks again. I went back to basics and removed all ‘my’ entries from config.js and replaced them with the config from the reference page, slightly edited. This is what I now have:

    {
    module: "calendar",
    position: "bottom_left", 
    config: {
	   coloredText: false,
	   coloredBorder: false,
	   coloredSymbol: false,
	   coloredBackground: false,
	   calendars: [
		   {
			  url: 'https://calendar.google.com/calendar/ical/Calendar1Redacted/basic.ics',
			  symbol: 'calendar',
 	       },
	],
	}
	},

Which delivers:

Looking at the developers window, I see:

and

@sdetweil Thank you. You have helped a lot but I’m still battling. I’ve had a long day and am struggling to concentrate so will resume this tomorrow.

@sdetweil Thank you so much for your assistance - I really do appreciate it!

        {keyword: 'Recycling', symbol: 'fas fa-house', color: 'Red'},
        {keyword: 'Rubbish', symbol: 'fas fa-person', color: 'Gold'}
		],
        calendars: [
          {
            url: 'https://calendar.google.com//Calendar1Redacted/basic.ics',
            symbol: 'fa-house',
          },

It is matching to the ‘Rubbish’ keyword.

@sdetweil Thanks for clarifying. Unfortunately, no, it did not.

@sdetweil Thank you. I have done the font reinstall and rebooted. Still the same, unfortunately.

When you said “then try MM again” did you mean reinstall or just see if it works?

@sdetweil thanks for your reply.

	"name": "magicmirror",
	"version": "2.23.0",

@BKeyport Thank you - perhaps that is my path of least resistance - reinstall MM.

I’ll give that a go on the weekend, if I don’t figure this out before.

@PierreGode Thank you for your help and no need to apologise for the Swedish!

I have tried using your approach (and your icons and colours) with new keywords to match - and the colouring works but I still don’t get the icons (I get empty frames).

It is making me wonder if there is an underlying dependency that I’m missing. I have checked that Calendar is up to date and it is, as is my MM installation.

I will keep on battling away to identify the issue!

Richard

@BKeyport thank you for your assistance. I’m still battling. I now have this:

          {
            url: 'https://calendar.google.com/calendar/ical/calendar1redacted/basic.ics',
            symbol: 'fa-house',
            symbolClassName: "fas fa-",
            color: 'crimson'
          },

The icons (the placeholders) have now disappeared completely and the text shifted left. I have also tried “fa-solid”, “fas”, and “fa-solid fa-” for symbolClassName.

I am struggling to get the Font Awesome icons to show in Calendar and can’t figure out what I’m doing wrong so would appreciate any help, please.

MM version: 2.23.0

The applicable part of config.js looks like this:

    {
          module: 'calendar',
          position: 'bottom_left',
          header: 'Family',
          config: {
            fade: false,
            timeFormat: 'absolute',
            dateFormat: 'DD/MM/YY',
            coloredText: false,
            coloredBorder: true,
            coloredSymbol: true,
            coloredBackground: false,
            calendars: [
              {
                url: 'https://calendar.google.com/calendar/ical/calendar1redacted/basic.ics',
                symbol: 'house',
                color: 'crimson'
              },
              {
                symbol: 'person',
                symbolClassName: "fas fa-fw fa-",
                color: 'blue',
                url: 'https://calendar.google.com/calendar/ical/calendar2redacted/basic.ics'
              },
              {
                symbol: 'calendar',
                symbolClassName: "fas fa-",
                color: 'green',
                url: 'https://www.calendarlabs.com/ical-calendar/ics/75/UK_Holidays.ics'
              },
              {
                symbol: 'person-dress',
                color: 'pink',
                symbolClassName: "fas fa-",
                url: 'https://calendar.google.com/calendar/icalcalendar3redacted/basic.ics'
              }
            ],
            fullDayEventDateFormat: 'DD/MM/YY',
            maximumNumberOfDays: 60,
            hidePrivate: true,
            maxTitleLength: 70,
            maxLocationTitleLength: 70,
            defaultSymbolClassName: "fas fa-",
            wrapEvents: true
          }
        },
    

I’m probably missing something simple but am not succeeding in getting the icons to show - all I get is coloured square frames.

Thanks in advance for any help!