Setting Event Calendar Colors

Event calendar colors can be customized at two levels: per event and per event date. This document explains how to edit colors at both the event level and the event date level.

Optional: If you want to hard-code a single color for all events, you can use the CSS below and replace #FF5E1A with your desired color.

/* Override calendar color for all events */

.CalEvent { background-color: #FF5E1A !important; }

image.png

To adjust event calendar colors on the event level:

To edit event date calendar colors:

image.png