header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

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

2 min
In this article
  • Displaying your site colors in the Google Event Calendar app
  • Displaying Google colors in the Google Event Calendar app
  • FAQs
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.

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.
A screenshot showing the Google Event Calendar app on a live site.