Change the Colour of the Cookie Banner in Squarespace

In order for your site to be GDPR Compliant, you need to get consent before you collect cookies from your website visitors. Almost all websites collect cookies so it is good idea to enable the Cookie Banner on your Squarespace Website.

To add enable your cookie banner you go to Settings and then Cookies and Visitor Data. Within this tab you can change the wording, the type, the theme, etc. However, you may not be able to choose a specific colour for your banner. This may mean that your Cookie Banner does not align to the Style and Brand of your website.

In this video, I show you how to change the colour of your cookie banner in Squarespace. All the code used in the video is provided below.

 
 

The following code is used in the video.

/*Cookie Banner*/
.sqs-cookie-banner-v2 {
background-color: red !important;
}
 
 
Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Squarespace Website Loading Slowly? This is why…

Next
Next

Turn the Read More Blog Link into a Button