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; }




To adjust event calendar colors on the event level:

Image Placeholder


To edit event date calendar colors:

Image Placeholder