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 👇
Want a framework for designing the perfect homepage?
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.
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
