Go to DisplayChurch.Events
All Collections
Calendar: (2) Design
Calendar: (2) Design
Modifying the design of your calendar / events list.
76 articles in this collection
Written by
Jason Alexis
Design: Fonts - Card event summary
Increase / decrease the font size of your event summaries in your calendar view.
Written by
Jason Alexis
Updated over a week ago
Design: Badges
Part II of using and designing recurring and featured event badges.
Written by
Jason Alexis
Updated over a week ago
Design: Fonts - Card event title
Increase / decrease the font size of your event titles in your calendar view.
Written by
Jason Alexis
Updated over a week ago
Ninja trick: Create images for Breeze events
Here's how to give your Breeze events images.
Written by
Jason Alexis
Updated over a week ago
Ninja trick: Create images for GCal events
Attachments can add images to Google calendar events.
Written by
Jason Alexis
Updated over a week ago
Using the custom color picker
Does it say "Custom color picker" or just "Custom"? Here's how to use that option wherever you see it.
Written by
Jason Alexis
Updated over a week ago
Frame and cells
Design: Frame and cells---Card hover effect
What happens when you hover over a card.
Written by
Jason Alexis
Updated over a week ago
Design: Frame and cells---Card corner rounding
The roundness of the corners of cards.
Written by
Jason Alexis
Updated over a week ago
Design: Frame and cells---Card left and right margin
The left/right margins around cards.
Written by
Jason Alexis
Updated over a week ago
Design: Frame and cells---Cards per row
The number of cards per row.
Written by
Jason Alexis
Updated over a week ago
Design: Frame and cells---Cells border color
Color of the border around the cells.
Written by
Jason Alexis
Updated over a week ago
Design: Frame and cells---Cells color
Set the color of the cells.
Written by
Jason Alexis
Updated over a week ago
Design: Frame and cells---Frame width + Compact view
Increase the frame [blank space] around your calendar/events views. and/or Make the view more compact.
Written by
Jason Alexis
Updated over a week ago
Design: Frame and cells---Frame color
Setting the frame color.
Written by
Jason Alexis
Updated over a week ago
Days and dates
Design: Days and Dates - Selected day highlight
Set the highlight of the current / selected day.
Written by
Jason Alexis
Updated over a week ago
Design: Days and Dates - Selected day color
Set the date color of a selected day.
Written by
Jason Alexis
Updated over a week ago
Design: Days and Dates - Current and Selected day accents
Set the color of the accent bar on today's date and/or another date of interest to you.
Written by
Jason Alexis
Updated over a week ago
Design: Days and Dates - Date background hover color
This is the pointer hover color (aka mouseover color) of the background in your calendar.
Written by
Jason Alexis
Updated over a week ago
Design: Days and dates - Date hover color
This is the pointer hover color (aka mouseover color) of the dates in your calendar.
Written by
Jason Alexis
Updated over a week ago
Design: Days and dates - Date color
This is the color of the dates in your calendar.
Written by
Jason Alexis
Updated over a week ago
Design: Days and Dates - First day of week
Choose which day begins your week.
Written by
Jason Alexis
Updated over a week ago
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.
Written by
Jason Alexis
Updated over a week ago
Design: Days and Dates - Day name color
This is the color of the names of the days of the week.
Written by
Jason Alexis
Updated over a week ago
Headers and links
Design: Headers and links -- Show filter names & Filters
Choosing the filters to appear when someone toggles on the Filters Toggle Switch. Info for all integrations.
Written by
Jason Alexis
Updated over a week ago
Design: Headers and Links - Filters (PCO)
Give Planning Center filtering options to your calendar / events list viewers.
Written by
Jason Alexis
Updated over a week ago
Design: Headers and Links - Allow changing weeks
Show only one week or allow viewers to scroll between weeks.
Written by
Jason Alexis
Updated over a week ago
Design: Headers and Links - Filters (CCB)
Give Church Community Builder filtering options to your calendar / events list viewers.
Written by
Jason Alexis
Updated over a week ago
Design: Headers and Links - Show month
Show the name of the month....or don't.
Written by
Jason Alexis
Updated over a week ago
Design: Headers and Links - Open links in new tab
Open links in new tab so your calendar stays open.
Written by
Jason Alexis
Updated over a week ago
Design: Headers and Links - Show filter names (CCB)
Show or hide the names of the Church Community Builder filters you chose in Setup.
Written by
Jason Alexis
Updated over a week ago
Events
Design: Events - - Show event description
Explain more about the event...or not.
Written by
Jason Alexis
Updated over a week ago
Design: Events - - Show summary text above event description
PCO Partners: Display the info in the PCO Summary field...or not.
Written by
Jason Alexis
Updated over a week ago
Design: Events - Show summary header on pop-up
If your event details are displayed as a pop-up, show / hide the summary.
Written by
Jason Alexis
Updated over a week ago
Design: Events -- Use calendar color as accent color (GCal)
Use your color choice from Google calendar to accent your events.
Written by
Jason Alexis
Updated over a week ago
Design: Events -- Use tag color as accent color
If your event has a tag in Planning Center (PCO), that tag has a color. Use it here.
Written by
Jason Alexis
Updated over a week ago
Design: Events - Show Timezone next to event time
Event times are displayed in the user's local time. To highlight this, show the user's timezone.
Written by
Jason Alexis
Updated over a week ago
Design: Events - Image aspect ratio & Image object fit
Written by
Jason Alexis
Updated over a week ago
Design: Events---Show day of the week in event list/grid
Show/hide weekday names in event lists and grids.
Written by
Jason Alexis
Updated over a week ago
Design: Events---Show date in card
If the event has a date, show it or not.
Written by
Jason Alexis
Updated over a week ago
Design: Events---Show description in card
If the event has a description, choose to show it...or not.
Written by
Jason Alexis
Updated over a week ago
Design: Events---Card View Date Location
Select placement of dates on card images.
Written by
Jason Alexis
Updated over a week ago
Design: Events---Show event location + Link location to Google Maps
Does your event have a location to display? Show it (or not). If you do, perhaps include a link to Google maps.
Written by
Jason Alexis
Updated over a week ago
Design: Events---Show location in card
Choose to show an event location on the card itself (or not).
Written by
Jason Alexis
Updated over a week ago
Design: Events - Show image when available
Does your event have a image to display? Show it (or not).
Written by
Jason Alexis
Updated over a week ago
Design: Events - Infinite scroll
Display just a month's worth of events or endless events.
Written by
Jason Alexis
Updated over a week ago
Design: Events - Show Add to calendar
Display or hide options to add to personal or app calendars.
Written by
Jason Alexis
Updated over a week ago
Design: Events - Show Share options
Display or hide sharing options for desktop and mobile.
Written by
Jason Alexis
Updated over a week ago
Design: Events - Number of events
Show past, current, and future events or only current and upcoming ones.
Written by
Jason Alexis
Updated over a week ago
Design: Events - Show Organizer + Show Organizer name as link
Display the name of the event organizer. Option to also make the name a link (URL) such as email or web page for further information.
Written by
Jason Alexis
Updated over a week ago
Design: Events - Event details as accordion or pop-up
Display your event details in accordion format or as a pop-up (modal).
Written by
Jason Alexis
Updated over a week ago
Design: Events - Hide events list
Choose not to show your events list.
Written by
Jason Alexis
Updated over a week ago
Design: Events - Events list modal
Choose to show more event details as a modal (pop up screen).
Written by
Jason Alexis
Updated over a week ago
Design: Events - Number, details, names
Show information about the events
Written by
Jason Alexis
Updated over a week ago
Events Listing/Details
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.
Written by
Jason Alexis
Updated over a week ago
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
Written by
Jason Alexis
Updated over a week ago
Design: Events Listing/Details Colors - Details (Description, Share link)
Background, Link, Link hover, Share link, Share link hover, Share link background hover
Written by
Jason Alexis
Updated over a week ago
Design: Events - Show event time
Show or hide time information in your event details.
Written by
Jason Alexis
Updated over a week ago
Design: Events - Show event schedule
Show or hide the full schedule of an event in your event details.
Written by
Jason Alexis
Updated over a week ago
Fonts
Design: Fonts - Event details size
Increase / decrease font size of event details.
Written by
Jason Alexis
Updated over a week ago
Design: Fonts - Event description size
Increase / decrease font size of event descriptions in your event details.
Written by
Jason Alexis
Updated over a week ago
Design: Fonts - Event title size
Increase / decrease the font size of your event titles in your event details.
Written by
Jason Alexis
Updated over a week ago
Design: Fonts - Month / Year Size
Select the font size (month/yr).
Written by
Jason Alexis
Updated over a week ago
Design: Fonts - Font family
Customize the font.
Written by
Jason Alexis
Updated over a week ago
Navigation
Design: Navigation - Filters toggle switch x 7
7 design items color the filters toggle switch and filters background.
Written by
Jason Alexis
Updated over a week ago
Design: Navigation - Month selector x 5
5 design items which color the month
Written by
Jason Alexis
Updated over a week ago
Design: Navigation - Selected date
Change the color of the month + year
Written by
Jason Alexis
Updated over a week ago
Design: Navigation - Selected Option x 6
Written by
Jason Alexis
Updated over a week ago
Slider
Design: Slider --- Auto play
Automatic, timed scrolling through your event slides.
Written by
Jason Alexis
Updated over a week ago
Design: Slider --- Loop slides
Create a continuous loop of event slides.
Written by
Jason Alexis
Updated over a week ago
Design: Slider --- Show dots
Dots indicate that there are events before and events after. They are also good for navigation.
Written by
Jason Alexis
Updated over a week ago
Design: Slider --- Center slides
Center your slides in the screen.
Written by
Jason Alexis
Updated over a week ago
Design: Slider --- % of the next slide to show
Show a preview the upcoming slide...or not.
Written by
Jason Alexis
Updated over a week ago
Design: Slider --- Number of slides to show
Set how many slides will show at one time in the carousel view/
Written by
Jason Alexis
Updated over a week ago
Forms
Design: Forms (PCO)
Show or hide Planning Center forms which need to be completed for events. Modify description and label of shown forms.
Written by
Jason Alexis
Updated over a week ago
Design: Forms (CCB)
Show or hide Church Community Builder forms which need to be completed for events. Modify description and label of shown forms.
Written by
Jason Alexis
Updated over a week ago
RSVP
Design: RSVP forms (CCB)
Show/hide Church Community Builder RSVP forms: who's coming and/or how many are registered. Modify description and label of shown forms.
Written by
Jason Alexis
Updated over a week ago