Calendar: (2) Design
Modifying the design of your calendar, groups widget, or events list.
By Jason and 1 other2 authors102 articles
- 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: Events --Show image containerYou can remove the section which contains the image. Here's how.
- Design: Events --> Details enhancements - Turn video links into previewIf you have a video link in your event description, you can now show it as a preview (not just a URL) in your event details.
- Design --> Events -->Show location's Google Maps photos if availableFor Google Calendar integrations, show or hide the Google Maps photo of your event location.
- 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.
Subscription
Articles for the two subscribe buttons: calendars & individual events