The Events Calendar Category Colors


Add background colors to event categories displayed in the event views of The Events Calendar. This is inspired by the post Coloring Your Category Events.

Settings for The Events Calendar Category Colors plugin are located in their own tab on The Events Calendar Settings page.

To force a refresh of your CSS, add ?refresh_css to the end of your events URL.


Thanks to jonahcoyote for some early help and direction.

Big thanks to Barry Hughes (WebsiteBakery) for refactoring code and Legend Superpowers.

Translations courtesy of:


  • The Events Calendar Category Colors Settings tab
  • The Events Calendar Category Colors in action
  • The Events Calendar Category Colors with Legend Superpowers in action


  1. Upload the entire /the-events-calendar-category-colors/ folder to the /wp-content/plugins/ directory.
  2. Activate the plugin.
  3. Go to the Category Colors tab of The Event Calendar Settings page.


Installation Instructions
  1. Upload the entire /the-events-calendar-category-colors/ folder to the /wp-content/plugins/ directory.
  2. Activate the plugin.
  3. Go to the Category Colors tab of The Event Calendar Settings page.
Does the plugin require The Events Calendar plugin?

Yes. The Events Calendar plugin is written by Modern Tribe, Inc. It requires at least The Events Calendar v3.0.

What if I use a version of The Events Calendar 2.x?

The last compatible version of this plugin that works with TEC 2.x is The Events Calendar Category Colors v1.6.3.

Where can I get more help?

There is more extensive documentation of the plugins features and usage on the The Events Calendar Category Colors wiki.

Where can I report bugs?
  1. Add a new topic on the WordPress Support Forum.
  2. Add a new issue on the github repo.


Nifty addition to The Events Calendar & Great Support

5 stars for this little gem of a plugin, which I will definitely consider using again.
– great documentation
– the developers have gone out of their way to make this customizable via theme overrides
– very responsive and helpful support

Thanks for sharing and supporting your awesome plugin!

Fantastic plugin, support

Andy Fragen has done an amazing job with this free plugin for The Events Calendar. Very easy to set up and manipulate. If it were possible, I’d give this a sixth star because of the incredibly helpful troubleshooting and support that Andy provides on the forum and GitHub.

Read all 42 reviews

Contributors & Developers

“The Events Calendar Category Colors” is open source software. The following people have contributed to this plugin.


“The Events Calendar Category Colors” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “The Events Calendar Category Colors” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.


5.3.0 / 2018-08-03

  • fixed widget CSS
  • move list CSS to class Extras
  • fixed week CSS
  • load stylesheet all the time, more efficient as external file
  • updated class Main to use Tribe__Events__Main can now use Tribe__Events__Main::TAXONOMY
  • refactor setup of ignored terms and term data
  • add border-right to featured events
  • updated validation code upon saving options
  • use wp_upload_url() to for stylesheet to accomodate user directory preferences
  • set SSL corrected URLs for wp_upload_url(),

5.2.2 / 2018-07-28

  • fix to create CSS when files don’t exist

5.2.1 / 2018-7-28

  • cleanup old CSS files

5.2.0 / 2018-07-28

  • write standard and minified CSS to files
  • load minified CSS when WP_DEBUG is false
  • improve minify code
  • update CSS selectors for list view
  • refactor CSS strings for inline format


  • update for new tooltip title as h3
  • added some functions for adding deprecated CSS
  • added function Extras::override_customizer() for when Customizer settings need to be overridden


  • needed a space between CSS parameters, PhpStorm reformat code error


  • add Default as text color option which removes CSS color tag
  • Settings will need to be re-saved due to the new settings options

See for complete list of changes.