How to Add a Border Around Cookie Banner on Squarespace

Adding a border to your cookie banner on Squarespace seems like something that should be a native feature. But it’s not.

That’s right, to add a border you’ll need to use some custom code.

Luckily it’s a super simple piece of code that will take you a couple of minutes to add in.

Watch the video

Check out the YouTube video below 👇

The Margin · Community

Start, scale & systemise your web design agency.

I bootstrapped my agency from zero to seven figures. The Margin is the operating system I wish I'd had.

Join The Margin

To add a border around your cookie banner on Squarespace you need to head to Website > Pages > Website Tools > Custom CSS and you need to add the following code to your custom CSS box:

 

.gdpr-cookie-banner {

border: solid red 2px;

}

 

You can play around with the color, adding a color name or code to change the color, as well as upping or lowering the px depending on how thick you want the border to appear.

And that’s it, hit save and you’ll have added a border around your cookie banner on Squarespace.

Sam Crawford giving speech

Need an expert to build your Squarespace website?

Book a free kick-off call with our team to discuss your project requirements in detail.

Previous
Previous

How to Migrate From WordPress to Squarespace: 2025 Guide

Next
Next

How to Add a Page to Squarespace