Hey everyone! Squarespace changed all of the CSS selector classes for cookie alert banner elements yesterday (July 10th, 2024) and this change impacts code for both version 7.1 & version 7.0 sites.
Here is a list of the new selectors; you’ll also find them on my blog with some style snippets (insidethesquare.co/squarespac...) and for those of you with my Squarespace CSS cheat sheet (insidethesquare.co/css) it has been updated and I've added some new style plugins, too. 😉
Cookie Banner
.gdpr-cookie-banner
Disclaimer Text
.gdpr-cookie-banner.full-styling.popup .disclaimer-text
All Buttons
.button-group
Accept Button
.accept.sqs-button-element--primary
Decline Button
.decline.sqs-button-element--secondary
Manage Button
.manage.sqs-button-element--tertiary
Manage Overlay
.manage-cookies-overlay
Manage Overlay: Section Titles
.category-selection
Manage Overlay: Description (also applies to on/off labels)
.category-description
Save Preferences Button
.manage-cookies-overlay .save .sqs-button-element--primary
- - -
If you appreciated this update, you can buy me a coffee to say thanks: buymeacoffee.com/insidethesquare
- - -
The term "Squarespace" is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥
10 июл 2024
