Step 1: When logged in to Display.Church, open the Widgets section (if needed).

Step 2: Choose Calendars. Your Calendar page will open.

Step 3: Choose the calendar with which you wish to work.

Step 4: Click on the Design tab (blue box in image to the left).

Step 5: Click on Sharing (yellow box in image to the left).

In the Share event subsection, you will see three design items: Share link, Share link hover, and Share link background hover.

Default

This is the color of the share link. At the moment, it is grey (see image to the left).

Action: Choose another color.

In the image to the left, we see that there are two options.

Option #1: Inherit from website

In this option, the color is inherited from your website or other embeddable component. Usually, this will not be the recommended option because the inherited color may not give sufficient contrast depending on what other colors you chose.

Option #2: Custom color picker

Result: The share link color changes from the default to the color you chose --- in this case bright pink (see image below).

If you are not yet familiar with our custom color picker, click here for more info.

Default

The share link hover is the color of the share link when you mouse over it. At the moment, it is white (see image to the left).

Action: Choose another custom color.

In the image to the left, we see that there are two options.

Option #1: Inherit from website

In this option, the color is inherited from your website or other embeddable component. Usually, this will not be the recommended option because the inherited color may not give sufficient contrast depending on what other colors you chose.

Option #2: Custom color picker

Result: The share link hover color changes from the default to the color you chose --- in this case sea green (see image below).

Default

The share link background hover is that circle around the share link when you mouse over it. At the moment, it is grey (see image to the left).

Action: Choose a custom color.

Result: The share link background hover color changes from the default to the color you chose --- in this case brown (see image below).