css for individual data feeds within a multiple feed list

The plugin provides a color parameter which can take values for the text in each feed in order, color="#800080 #008000 #ffa500". The documentation says

The base color will be used as a left border on each event, and a lighter tint of that color will be used as the background on the events. Use a tool like the HTML Color Picker to select hex values, if necessary. (Note: the color parameter supports either space- or pipe-delimited lists.)

If you want to do more, then the standard CSS for custom attributes is to put them in square brackets:

.ics-calendar-month-grid ul.events li[data-feed-key="3"]{
}

Then within that rule, you can do what you want for each event from that feed, like

color: red;
background-color: #FFEEEE;
border-left: red 2px solid;

This CSS could be put within a <style> element in your calendar page so it’s immune from plugin updates.

• This reply was modified 5 years, 6 months ago by acleach. Reason: Found plugin documentation

I haven’t got to the list format yet, although I expect there will be a class something like .ics-calendar-list. But the color parameter may do what you want (I’ve updated my answer). I’ll add the list format when I get to it.