Love this solution.
I am now stepping up to embedding multiple calendars on a client's website. I need to have the events on different calendars colored differently.
When I inspect the event divs with a regular embed, it appears that each event is now being colored individually - they each get a class name with a number: i.e. div.ca-evp29.te that is then styled with a color. EVERY event on the calendar gets colored in chronological order, but there seems to be no attachment in the list of classes that tracks what calendar it belonged to.
Has anyone found a simple way to color the events on different calendars just using .css?
My other thought would be to run a jQuery script AFTER the iFrame has loaded. If there isn't a title attribute or something that tracks the calendar, I am thinking I could start each calendar event with a code (like two exclamation points), then strip the code and color just that div that way - clunky, but it's all I've got at the moment.
Any thoughts?