[Plugin: WP Calendar] Multiple category colors & changing font size in event list

hi.

1) in the graphical calendar you can colorize the events, since a class for every category id is used. The example below is for category id 3.

div .fc-event.category-3,
div .fc-event.category-3 a
{
  background-color: red;
  border-color: red;
}

2) this is all css specific. sure you can change the font-size and many other things, but you need at least some html and css knowledge.

1. In admin goto Posts > Categories. You’ll see all your categories. Move your cursor on the categories name (it’s a link) and you’ll see the ID as a part of the pointing URL.

2. Copy the file wp-content\plugins\wp-calendar\css\fullcalendar.css into the directory wp-content\themes\<yourtheme>\fullcalendar.css. Which css references you have to change, I don’t know. You have to find out by yourself. May be you finde something on the FullCalendars documentation.

you have to make sure, that your css code for category 3 is more “important”. You can do this, by placing the css keyword !important behind the single formats. e.g.

div .fc-event.category-3,
div .fc-event.category-3 a
{
  background-color: red !important;
  border-color: red !important;
}

You can also handle this by using more specific selectors. there are several rules how these behaves, but to make it simple: the more specific the selector is, the stronger is its format definition. e.g.

div .fc-event.category-2,
div .fc-event.category-2 a
{
  background-color: blue
  border-color: blue;
}

div.fc-content div.fc-event.category-3,
div.fc-content div.fc-event.category-3 a
{
  background-color: red;
  border-color: red;
}

Now Categorie 3 is stronger and its format should apply!

hi a f

could you please change the state of this topic to resolved.

thanks and enjoy the plugin-in