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). |
There are four sections to styling: Popup design, QR Code, Social buttons, and Shareable URL.
TO CONFIGURE AND STYLE YOUR WHOLE CALENDAR SHARE LINK POPUP
Popup design
 | You will see six design items: Background color, Card Title color, Source color, Separator color, Close button color, and Close button color on hover (see image to the left).
The image below shows how it will look with default settings (and if Show QR Code is toggled on): 
|
Let's choose some custom colors:  | Action: Choose custom colors. If you are not yet familiar with our custom color picker, click here for more info.
Check out the results of our choices in the two images below.
|
QR Code
| You will see four design items (see image to the left). The first one [Show QR code] displays or hides the code itself. The remaining three [QR code background color, QR code foreground color, and QR code border color) style the QR code.
The image below shows how it will look with default settings: 
|
Let's choose some custom colors:
| Action: Choose custom colors. If you are not yet familiar with our custom color picker, click here for more info.
Check out the results of our choices in the image below.
|
Social buttons
| You will see two design items: Show share on Facebook and Show share on X (see image to the left).
When these are toggled on, the two relevant social buttons display as shown in the image below: 
|
| If these options are toggled off (see image to the left), only the automatic More sharing option displays as shown in the image below:  This links to native sharing options on the viewers digital device. |
Shareable URL
 | You will see six design items (see image to the left). The first one [Show share link] displays or hides the code itself. The remaining five [Link background color, Link color, Link border color, Copy button color, and Copy button color on hover) style the shareable URL.
The image below shows how it will look with default settings: 
|
Let's choose some custom colors:
| Action: Choose custom colors. If you are not yet familiar with our custom color picker, click here for more info.
Check out the results of our choices in the two images below.
|
