Events Pages
GENERAL ELEMENT COMPONENTS & CSS SNIPPETS
Select a Squarespace Element to Examine CSS Selectors:
| Squarespace Element | Description |
|---|---|
| Events Listing Page | Refers to elements that appear on the main listing view of events collection pages |
| Events Individual Listings | Refers to elements that appear on individual event pages |
CSS Code Snippets for Customizing Events Pages
Hide pagination on event pages
To hide pagination on all collection pages, you can remove the “[data-collection-type*="events"]” attribute from the selector.
//Start: Hide pagination on event pages
.item-pagination[data-collection-type*="events"] {
display: none;
}
//End: Hide pagination on event pagesHide an element(s) only on events collection pages, including the listing page and the individual event item pages
//Start: Hide element(s) only on events collection pages
body[class*="collection-type-events"] {
PUT_SELECTORS_HERE {
display: none !important;
}
}
//End: Hide element(s) only on events collection pagesHide an element(s) only on events listing pages
//Start: Hide element(s) only on events listing pages
body[class*="collection-type-events"].view-list {
PUT_SELECTORS_HERE {
display: none !important;
}
}
//End: Hide element(s) only on events listing pagesHide an element(s) only on events item pages
//Start: Hide element(s) only on events item pages
body[class*="collection-type-events"].view-item {
PUT_SELECTORS_HERE {
display: none !important;
}
}
//End: Hide element(s) only on events item pages