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 👇

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.

---

📩 Join the inner circle to get exclusive code updates

---

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

---

Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

---

Want more?