Plugin Author
Franky
(@liedekef)
Well, just put the event in a catogory (don’t use spaces in your category names if you want to use them in css), and then you can use #_EVENTCATEGORIES_CSS in your single event format template for anything you want to style based on the categories an event is in. An example for a div-style based on category names of an event would be:
<div class="#_EVENTCATEGORIES_CSS">
blahblah
</div>
This is exactly what I’m trying to do (I’m one post back in the support forum). What you need to do will depend in part on what your category names are. If your category names have spaces in them, as mine do, it will be hard to use them. So what I did was use the category descriptions to hold a class name. E.g., the category may be “Good Canine Citizen Workshop” but the description is just “workshop”. Then I used the event description to put the category into the calendar event link as a class. To do that, go to Settings –> Calendar and in the last field, called “Full calendar events format” (assuming you’re using the full calendar) put this:
<li class=”#_EVENTCATEGORYDESCRIPTIONS”>#_LINKEDNAME
If your categories are just one word each, you could do
<li class=”#_EVENTCATEGORIES_CSS”>#_LINKEDNAME
If you do that and check your calendar page code, you’ll see your event links look like this:
<li class=”yourcategory”><a href=” etc….
Then you can target .eme-calendar-table li.yourcategory a in your css, e.g.
.eme-calendar-table li.yourcategory a { color: #009; }
You may have to write a more specific rule depending on the rest of your code.
Hope that answers your question!
