Displaying Events Using Your Site Colors or Google Colors in the Google Event Calendar App

2 min read
When choosing colors for your Google Event Calendar, you have 2 options; use your site's colors or use the colors that Google chooses for you. Your Google Event Calendar app can host multiple calendars for various purposes.
For example, you can add a calendar for events specifically related to teachers and another related to students. The events in each calendar are given specific colors based on the calendar they are aligned to. 
A screenshot showing the Google Event Calendar app on a live site.
In this article, learn how to:

Displaying your site colors in the Google Event Calendar app

You can choose to use your site theme colors for your calendars. Each calendar displays a different color from your main site colors. 

To display your site colors:

  1. Click the Google Event Calendar app in your Editor. 
  2. Click Settings
  3. Click the Design tab. 
  4. Click Events
  5. Scroll down to Event Colors
  6. Select Use site theme colors.
  7. (Optional) Click the color boxes next to the relevant calendars to adjust the colors. 

Displaying Google colors in the Google Event Calendar app

You can choose to use the colors from Google's logo in each of your calendars. 

To display Google colors:

  1. Click the Google Event app in your Editor. 
  2. Click Settings
  3. Click the Design tab. 
  4. Click Events
  5. Scroll down to Event Colors
  6. Select Use Google Calendar colors
  7. (Optional) Click the color boxes next to the relevant calendars to adjust the colors. 

FAQs

Click a question below to learn more.

Did this help?

|