Skip to main content
All CollectionsCalendar: (2) DesignSharing
Display.Church: Styling your event sharing button
Display.Church: Styling your event sharing button

This share is for an individual event. Choose colors to match your church branding and culture...or even the theme of the specific event.

Piotr Poźniak avatar
Written by Piotr Poźniak
Updated over 2 months ago

This share is for an individual event. To share you entire calendar, check out this article: http://help.display.church/en/articles/9203820-display-church-design-sharing-show-share-button-for-entire-calendar

TO FIND THIS DESIGN ITEM

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).

Scroll down to the Share event subsection.


Before we begin styling...

Each of the four design items has the same 3 options: default, inherit from website, and custom.

  1. Default: The Display.Church choice. If you do nothing, this is how it will look.

  2. 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.

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

Styling your share event button


There are four design options: Share button background, Share link color, Share link background on hover, and Share link color on hover.

DEFAULT

CUSTOM COLOR

Share button background

The default of the share link background is blue.

Here is the background with a custom color:

DEFAULT

CUSTOM COLOR

Share link color

The default of the share link text and symbol is white.

Here is the share link text and symbol with a custom color:

DEFAULT

CUSTOM COLOR

Share link background on hover

The default of the share link background on hover (mouse over) is a slightly lighter shade of blue then when not on hover.

Here is the share link background on hover with a custom color:

DEFAULT

CUSTOM COLOR

Share link color on hover

Default

The default of the share link text and symbol on hover (mouse over) is white.

Here is the share link text and symbol on hover with a custom color:

Did this answer your question?