Specific Page Elements

COMPONENT SELECTOR GUIDE

Specific Page ID Selector

Relevant CSS Selectors

CSS Selector(s) HTML Element Picture of Element (the blue area highlights the element; the green area highlights the element's padding; the orange area highlights the element's margin)
#collection-645bd73cbd199323c274e737 Targets a unique Squarespace page body element using its unique ID attribute. The selector in the left column is just the general form of the ID, but each ID value will be different for each page.

HTML Structure Explanation

Every Squarespace page body element will have an ID attribute as pictured below. You can use this selector to apply styles to elements only on specific pages, including regular pages, collections pages, etc.

Every Squarespace page body element will have an ID attribute. You can use this selector to apply styles to elements only on specific pages, including regular pages, collections pages, etc.

Previous
Previous

Auto Layout Section Elements

Next
Next

Block IDs