Home Forums Events Calendar Add-on More than one color for categories?

More than one color for categories?

Posted: February 24, 2019 at 2:18 pm

Megin Hughes

February 24, 2019 at 2:18 pm

Is it possible to have more than one color for an event with multiple categories? Or does it only default to the category listed first? For example, I have events that I’d like to categorize as both “concerts” and “free.” Right now they are all color-coded as concerts (blue), but I’d also like them to show up as free (yellow).


  • Support Staff

February 25, 2019 at 4:08 am

Hi Megin,

Currently not, EE will use the colour set on the first category it finds (based on ID).

But if I understand correctly, I’m interested in how you’d like for this to work. How would it display both colours on the calendar?

Megin Hughes

February 26, 2019 at 12:44 pm

Good question. I could envision colors being split left/right or top/bottom. Although I think the best/easiest way to accomplish it would be to have an outline around the box. So using the colors above a concert that was free would be a blue box with a yellow outline. Make sense?

Thanks for the help πŸ™‚

Megin Hughes

February 26, 2019 at 6:56 pm

A follow up question: is it possible to exclude one category from the category legend?


  • Support Staff

February 27, 2019 at 5:49 am

You can use some CSS to hide it, like so:

#ee-category-legend-ul #ee-category-li-18 {
    display: none;

Will hide the category with ID 18, so just change the above ID for your specific category and add that to:

Dashboard -> Appearance -> Customize -> Additional CSS.

Will that work for you?

Megin Hughes

March 3, 2019 at 4:13 pm

Hi, Tony,

That doesn’t seem to work. If I leave off the #ee-category-li-24 (in my case) the legend does not show. If I use the CSS you provided with the correct category for me nothing seems to happen. I tried with all the category IDs that I have.


  • Support Staff

March 4, 2019 at 7:08 am

Can you link me to the page so I can take a look?

Based on the above it is the category with ID 24 you want to hide, correct?

Megin Hughes

March 4, 2019 at 4:47 pm

Yes, ID 24, please πŸ™‚


  • Support Staff

March 5, 2019 at 2:28 am

My apologies, there’s a copy paste error in my CSS above, you need:

#ee-category-legend-ul #ee-category-legend-li-24 {
    display: none;

Megin Hughes

March 5, 2019 at 5:24 pm

Perfection! Thanks so much!

The support post ‘More than one color 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.

Status: closed

Updated by  Megin Hughes 1 year, 5 months ago ago

Topic Tags


This topic is: resolved
Do NOT follow this link or you will be banned from the site!