Skip to main content
All CollectionsCalendar: (2) DesignDays and dates
Design: Days and Dates - Day name hover color
Design: Days and Dates - Day name hover color

This is the pointer hover color (aka mouseover color) of the names of the days of the week.

Jason Alexis avatar
Written by Jason Alexis
Updated over 3 years ago

When you hover over the name of a day of the week with your pointer (aka mouseover) that name of the day of the week will change color. Here is how to set that color.

You have three (3) options. Let's walk through each of them.

To find this design item...

Step 1: After you log in, click on Calendars (brown box below).

The Your Calendars page will open.

Step 2: Choose the calendar you wish to modify (brown box below).

Step 3: Click on Design (brown box below).

Step 4: Scroll down and click on Days and Dates (brown box below).

Step 5: Scroll down until you find the header Day name hover color.

To modify this design item...

Option #1: Default

No matter what you chose for your Day name color, the default for Day name hover color is always a light grey. So, make sure to choose a DIFFERENT COLOR for your Day name color.

Example A

Day name color = Default + Day name hover color = Default

So...hovering over Saturday gives light grey.

Example B

Day name color = Inherit from website = black + Day name hover color = Default

So... hovering over Saturday gives light grey. (In this case, there is no conflict because the colors are not the same.)

Example C

Day name color = Custom = red + Day name hover color = Default

So...hovering over Saturday gives light grey. (In this case, there is no conflict because the colors are not the same.)

Option #2: Inherit from website

In this option, the color is inherited from your website or other embeddable component. So, if you have chosen Inherit for both Day name color and Day name hover color, there will be no change on mouseover. So, only use Inherit from website for ONE of these items.

Click Save at the bottom of the column to save your changes.

Option #3: Custom color picker

As long as your Custom color for this item IS DIFFERENT THAN the color you chose for Day name color, you will be fine.

Click on Custom and then click on the circle to choose your color. Note that now the mouseover color of Saturday is blue.

Click Save at the bottom of the column to save your changes.

Did this answer your question?