Home Forums Pre-Releases Beta Calendar – CSS Colors for Categories

Beta Calendar – CSS Colors for Categories

Posted: November 6, 2013 at 6:33 pm

Greg Davis

November 6, 2013 at 6:33 pm

I am still playing with the setup of the pre-release (beta) calendar and comparing to the regular general release. One area I am struggling with is the CSS colors I used for categories. We are not able to use the regular category colors assignment as each event is assigned to multiple categories (one for the artist and one of the length of the class – 2 hour or 3 hour).

So in the live site which uses the older version of the calendar: You’ll see that the 2-hour events (the majority) are the maroon color, while the 3-hour events (such as Nov 17) is a dark blue color.

I am trying to get this same effect on the new calendar: but the CSS classes for the categories do not seem to be there? And if they were, do we still update the CSS in the espresso_default.css file (which is moved under wp-content/uploads/espresso/templates/css folder?

Greg Davis

November 6, 2013 at 6:36 pm

Forgot to mention, that yes, I do have the “Enable CSS for Categories” option set to “Yes” in the calendar settings:


  • Support Staff

November 6, 2013 at 8:42 pm

Hi Greg,

The classes are in the markup. Here’s an annotated screenshot showing where they are.

The custom CSS can be added to any stylesheet that loads onto the page. You can use what ever file that works best for you.

Greg Davis

November 7, 2013 at 7:15 am

Thanks Josh, I see it now. Was in a different spot then before (I believe).

The support post ‘Beta Calendar – CSS Colors for Categories’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso