All Collections
Calendar: (2) Design
Modifying the design of your calendar, groups widget, or events list.
Design: Settings searchLooking for a design item? Search for it.
Ninja trick: Create images for Breeze eventsHere's how to give your Breeze events images.
Using the custom color pickerDoes it say "Custom color picker" or just "Custom"? Here's how to use that option wherever you see it.
How do I change the color of event listings?Applies to the Breeze, GCal, and PCO integrations.
Event times in main calendar viewsFind out more about how Display.Church manages your event times up front in your main calendar views.
Design --> Full calendarUse these styling options to make your monthly calendar more vibrant and eye-catching.
Design: Frame and cells---Card hover effectWhat happens when you hover over a card.
Design: Frame and cells---Dynamic responsivenessHow will your calendar view look when you resize your screen - make the app window bigger or smaller? Control that with this design item.
Design: Frame and cells---Card corner roundingThe roundness of the corners of cards.
Design: Frame and cells---Card left and right marginThe left/right margins around cards.
Design: Frame and cells---Cards per rowThe number of cards per row.
Design: Frame and cells---Cells border colorColor of the border around the cells.
Design: Frame and cells---Cells colorSet the color of the cells.
Design: Frame and cells---Frame width + Compact viewIncrease the frame [empty space] around your calendar/events views.
and/or Make the view more compact.
Design: Frame and cells---Frame colorSetting the frame color.
Design: Frame and cells---Card bottom margin
Design: Frame and cells -- Cards -- Card MarginChange the size of the margin (empty space) between your cards.
Design: Frame and cells -- Cards -- Card content paddingChange the amount of empty space around the text inside your cards.
Design: Frame and cells -- BorderDesign the border around your Tiles to suit your church culture or branding.
Design: Headers and links -- Show filter names & FiltersChoosing the filters to appear at the top of the page and/or when someone toggles on the Filters Toggle Switch. Info for all integrations.
Design: Headers and Links - Show filter names (PCO)Show or hide the names of the Planning Center filters you chose in Setup.
Design: Headers and Links - Allow changing weeksShow only one week or allow viewers to scroll between weeks.
Design: Headers and Links - Show monthShow the name of the month....or don't.
Design: Headers and Links - Open links in new tabOpen links in new tab so your calendar or group view stays open.
Design: Headers and Links - Show filter names (CCB)Show or hide the names of the Church Community Builder filters you chose in Setup.
Design: Days and Dates - Selected day highlightSet the highlight of the current / selected day.
Design: Days and Dates - Selected day colorSet the date color of a selected day.
Design: Days and Dates - Current and Selected day accentsSet the color of the accent bar on today's date and/or another date of interest to you.
Design: Days and Dates - Date background hover colorThis is the pointer hover color (aka mouseover color) of the background in your calendar.
Design: Days and dates - Date hover colorThis is the pointer hover color (aka mouseover color) of the dates in your calendar.
Design: Days and dates - Date colorThis is the color of the dates in your calendar.
Design: Days and Dates - First day of weekChoose which day begins your week.
Design: Days and Dates - Day name hover colorThis is the pointer hover color (aka mouseover color) of the names of the days of the week.
Design: Days and Dates - Day name colorThis is the color of the names of the days of the week.
Design: Days and Dates --> Limit pills (events)Choose how many pills (events) should be displayed on the days of your monthly calendar.
Design: Forms (PCO)Show or hide Planning Center forms which need to be completed for events. Modify description and label of shown forms.
Design: Forms (CCB)Show or hide Church Community Builder forms which need to be completed for events. Modify description and label of shown forms.
Pushpay/CCB Group FormsDisplay.Church cannot access your Pushpay public form data. However, you can still link to those forms using one of our two suggestions.
Design: Slider --- Auto playAutomatic, timed scrolling through your event slides.
Design: Slider --- Loop slidesCreate a continuous loop of event slides.
Design: Slider --- Show dotsDots indicate that there are events before and events after. They are also good for navigation.
Design: Slider --- Center slidesCenter your slides in the screen.
Design: Slider --- % of the next slide to showShow a preview the upcoming slide...or not.
Design: Slider --- Number of slides to showSet how many slides will show at one time in the carousel view/
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: Events Listing/Details Colors - Details (Description)Background, Link, Link hover
Design: Events Listing/Details Colors -- RSVPDoes 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.
Calendar --> Calls to Action stylingDesign your CTAs to match your church branding and culture.
Design: Events Listing/Details Details -- Popup background & BackgroundChoose more eye-catching and/or coordinated colors for your popup and popup content backgrounds in your calendar templates.
Design: Fonts - Event details sizeIncrease / decrease font size of event details.
Design: Fonts - Event description sizeIncrease / decrease font size of event descriptions in your event details.
Design: FontsCustomize the font in your calendar / group view.
Design: Fonts - Event title sizeIncrease / decrease the font size of your event titles in your event details.
Design: Fonts - Month / Year SizeSelect the font size (month/yr).
Design: Fonts - Font familyCustomize the font.
Design: Fonts - Card event summaryIncrease / decrease the font size of your event summaries in your calendar view.
Design: Fonts - Card event titleIncrease / decrease the font size of your event titles in your calendar view.