Change the color of the categories at the calendar

[Anonymous]

I’ve searched a long time, but i could not find it. I have this calendar:
https://www.ali-baba-spieleclub.de/termine/

Now I try to ad a new category and I want to have a new color for it, but I can’t find how to do so. I am not deep into css and all the rest, but I know I did it before. Please help me.

Greetings

Martin

[Franky]

I’m not the one going to teach you CSS either 🙂
But you can use the placeholder #_EVENTCATEGORIES_CSS . See this post: https://wordpress.org/support/topic/color-coding-categories/

[Anonymous]

The post explains how to change the color in every single event. But I want to have different colors in the calendar overview, like I already have for the other categories. And I don’t know, where to put in the code.

[Anonymous]

You can change the color based on the event title by this way in css:

table.eme-calendar-table td.eventful a[title=”CHIOTS”]{
color:#xxxxxx;
}

As “CHIOTS” is the event name:

https://i.imgur.com/Z3fLo64.png

[Anonymous]

Ok, thanks. But in which file? Eme.css?

[Anonymous]

Or your theme css

[Anonymous]

I am sorry, but I tried it in several css-files. But it didn’t change the color. Is there a special place to fill the code in?

[Franky]

Go in the EME settings, tab calendar and change the “full calender events format” to include a class, e.g.:
<li class="#_EVENTCATEGORIES_CSS">#_LINKEDNAME</li>

Then you can use css to target that category as a css name. If you want to limit it to the calender, you can then use e.g. table.eme-calendar-table as a css limiter.

[Anonymous]

I don’t want to limit, I just want to have different colors for different categories.

[Anonymous]

And as I remember, when I started with EME, I could choose the color of each category. That is not longer possible.

[Franky]

Sorry, but the way I described is exactly the way you need to follow to have the event categories as css class names …

[Author]

Posts