Specific Pages
GENERAL ELEMENT COMPONENTS & CSS SNIPPETS
Select a Squarespace Element to Examine CSS Selectors:
| Squarespace Element | Description |
|---|---|
| Specific Page Elements | The body elements of specific pages, including regular pages and collection pages. |
CSS Code Snippets for Customizing Elements on Specific Pages
Hide an element(s) only on specific pages
You’ll need to replace the ID selector below with your specific page ID, and you’ll need to replace the placeholder text "PUT_SELECTORS_HERE" with your other selectors. For instance, if you wanted to hide newsletter blocks on a specific page, you would use the newsletter block class selector ".sqs-block-newsletter" in place of the placeholder.
//Start: Hide <ELEMENT_NAME_GOES_HERE> on <PAGE_URL_GOES_HERE>
#collection-645bd73cbd199323c274e737 PUT_SELECTORS_HERE {
display: none !important;
}
//End: Hide <ELEMENT_NAME_GOES_HERE> on <PAGE_URL_GOES_HERE>Hide the header and footer on a specific page
//Start: Hide the header and footer on <PAGE_URL_GOES_HERE>
#collection-645bd73cbd199323c274e737 {
#header, #footer-sections {
display: none !important;
}
}
//End: Hide the header and footer on <PAGE_URL_GOES_HERE>