Being a novice at MM and js, I’m slowly building my knowledge while trying to figure this out!

I’ve discovered the Developers Window but am not yet clear on what all it does!

I have found this, though, and it seems to indicate that the return from https://www.spanishdict.com/wordoftheday is blank / null.

My current hypothesis is that the website has changed something but I am pretty much going by trial and error as I’m way out of my depth so if anyone can throw any light I’d be very grateful!

@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!