Page display | Configuration fields |
Card examples Full lead card  50% lead card  Card when map displayed  Card without map |     |
About Event content type
On an event page the user can see upcoming details for events and register to attend.
When creating Event content an image for the page header can be added along with an image for the card which is displayed in listing paragraphs such as featured event or Main event listing. There is also the option to add multiple dates to the event should this be required.
Any content paragraph can be added in the page main content area
Fields which collect your Event details are collated into horizontal tabs, click through the tabs and complete the fields for your Event.
* = Required
Title - Text field *
Page content
Header image - Image upload
Image for card - Image upload *
Card summary -Text field
Main body - Long text field - WYSIWYG
Approval status - Dropdown
Components - Add content paragraphs
Location & Dates
Location type - Dropdown *
Address (if location type 'Physical')
Event Date(s)
Start Date and time - Date picker *
End date and time - Date picker
Booking / Fees / Prices
Booking platform - Dropdown *
Book Now statuses - Dropdown (visible when platform is other)
Booking link - Text (visible when platform is other)
Organiser - Text field
Fee Summary - Text field
Ticket price details - Long text field
Fees - Text area
Categorisation
Featured - Checkbox
Event types - Taxonomy *
Theme- Taxonomy
Region- Taxonomy
Career stage - Taxonomy
CiviCRM organisation - Entity reference
Field mapping
Display item | Field |
1 | Header image
Header Image Requirements & RecommendationsThe Header image appears as a full-width banner at the top of the content page and is styled using We recommend uploading a high-quality image at 1920×442px (16:9 ratio) to maintain clarity and avoid stretching or pixelation on wider monitors. Keeping the subject of the image centred helps preserve visual impact across different breakpoints, as edge content may be cropped on smaller screens. If no header image is uploaded:
For the best results, ensure all content items use a properly sized and composed header image, and configure taxonomy or theme fallback options as needed. |
2 | Title |
3 | Main body |
4 | Book Now statuses |
5 | Date(s) |
6 | Event subtype |
7 | Organiser |
8 | Location type / Address |
9 | Fees |
10 | Categorisation - taxonomy terms |
11 | Components |
Display item | Field |
1 | Card image |
2 | Title |
3 | Card Summary |
4 | Date |
5 | Address |
6 | Book Now statuses |
Display item | Field |
1 | Card image |
2 | Event type |
3 | Date |
4 | Title |
6 | Card Summary |
Display item | Field |
1 | Card image |
2 | Title |
3 | Date |
4 | Card Summary |
6 | Event type |