Design & branding

Make every detail feel like your church.

41 guides

Design: Events -- Use calendar color as accent color (Breeze & GCal)

Design: Frame and cells---Card left and right margin

Design: Frame and cells---Dynamic responsiveness

Design: Events Listing/Details Colors - Details (Schedule)

Schedule header background, Schedule header, Schedule item background, Schedule item text, Schedule item circle, Schedule item left border

Design: Frame and cells---Card corner rounding

Design: Frame and cells---Frame width + Compact view

Design: Fonts - Event details size

Calendar --> Calls to Action styling

Design: Frame and cells -- Cards -- Card content padding

Design: Frame and cells---Cards per row

Design: Badges

Part II of using and designing recurring and featured event badges.

Calendar --> Design: Calls to Action

Increase engagement with these CTA options.

Design: Frame and cells -- Border

Design the border around your Tiles to suit your church culture or branding.

Design: Fonts - Month / Year Size

Design: Days and dates - Date color

This is the color of the dates in your calendar.

Design: Days and Dates - Day name color

This is the color of the names of the days of the week.

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.

What are those icons near the design options...the eye and the link icons?

Design: Frame and cells---Cells border color

Color of the border around the cells.

Design: Frame and cells---Card bottom margin

Design: Fonts - Event title size

Design: Days and Dates - Selected day color

Set the date color of a selected day.

Design: Events Listing/Details Colors -- RSVP

Does your event have an RSVP form? This article shows you how to change the colors of reply buttons (YES, NO, MAYBE) & the text inside them.

Design: Events -- Use tag color as accent color (PCO)

If your event has a tag in Planning Center (PCO), that tag has a color. Use it here.

Design: Fonts - Card event summary

Using the custom color picker

Design: Events - Image aspect ratio & Image object fit

Design: Frame and cells---Frame color

Design: Frame and cells---Cells color

Set the color of the cells.

Design: Days and Dates - Date background hover color

This is the pointer hover color (aka mouseover color) of the background in your calendar.

Design: Fonts

Customize the font in your calendar / group view.

Design: Fonts - Event description size

Design: Days and dates - Date hover color

This is the pointer hover color (aka mouseover color) of the dates in your calendar.

Design: Frame and cells -- Cards -- Card Margin

Design: Events Listing/Details Details -- Popup background & Background

Choose more eye-catching and/or coordinated colors for your popup and popup content backgrounds in your calendar templates.

Design: Frame and cells---Card hover effect

What happens when you hover over a card.

Design: Fonts - Card event title

How do I change the color of event listings?

Design: Tile colors - Scroll arrows - Right and left gradient colors

Design: Events Listing/Details Colors - Details (Description)

Background, Link, Link hover