Design: Fonts

Customize the font in your calendar / group view.

Jason Alexis avatar
Written by Jason Alexis
Updated over a week ago

Customize the font in your calendar / group view, event alert banner, and/or sign-up forms display.

To find these design items...

Step 1: After you log in, click on Calendars, Groups, Event Alerts or Sign-up Forms (beta).

Step 2: Choose the item you wish to modify.

Step 3: Click on Design.

Step 4:

Calendars, group widgets, and sign-up forms displays:

Scroll down and click on Fonts.

Event alerts:

Scroll down and click on Display and then find the sub-section Typography.

.

.

.


To modify these design items...

Over time, we have made some changes to the Fonts section. Due to the way things work at the moment, your Fonts section will look different depending on when your calendar was created. Please follow the steps which suit your view.

View 1: Original section format

View 2: Revised section format

NOTES:

(1) The Size slider will change the fonts sizes in your main calendar display.

The Responsive Popup slider will change the font sizes in your popup.
โ€‹
(2) If the calendar view or product does not include a popup, you may not see this option displayed...makes sense, right? : )

Fonts - Sizes - Responsive fonts:

Toggling on this button will take you out of the old format and bring you into the new format. How it works

Fonts - Filters - Font family:

This changes the font of the filter options you chose in Setup (turquoise box in image below). The three options [Default, Inherit, Custom] work the same as in Fonts - General - Font Family (above).

Fonts - Sizes - Responsive:

Fonts - Filters - Font family:

This changes the font of the filter options you chose in Setup (turquoise box in image below). The three options [Default, Inherit, Custom] work the same as in Fonts - General - Font Family (above).

Fonts - Sizes - Responsive & Responsive Popup (How they work)

Sliding either of these buttons gives you four options: small, medium, large and extra large. Depending on what you choose, Display.Church coordinates the sizes of your fonts in a visually pleasing way.

Responsive: coordinates the font sizes in your main calendar view
Responsive Popup: coordinates your font sizes in your popup (if there is one)

HERE ARE SOME EXAMPLES

Did this answer your question?