Jump to content

Cookie Alert Code Changes

Recommended Posts

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; and for those of you with my Squarespace CSS cheat sheet, 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

🤓 Creator of InsideTheSquare.co
SQUARESPACE CIRCLE LEADER SQUARESPACE EXPERT SQUARESPACE EMPLOYEE EDUCATOR CERTIFIED CUSTOM CODE EXPERT

🗺️ New to Squarespace? Get your free roadmap: insidethesquare.co/roadmap
🙋‍♀️ New to CSS? Learn the basics for free: insidethesquare.co/learn
️ Ready to go pro? Get my custom code collection: insidethesquare.co/css

 

BeccaHarpain.gif.236d6ddd88c7d637645b762799f501a8.gif

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.