Cookies: no not the chocolate chip kind. Learn how to stand out.

Cookies, no not the chocolate chip kind

How can you make such a boring topic something that stands out on your website? However you look at it, you’ll need a cookie banner on your site to give your visitors the possibility to opt in or opt out of the cookies you use. Cookies: no not the chocolate chip kind. Learn how to stand out and make it fun for your visitors.

What are those cookies you're talking about?

A cookie is a small file downloaded on to your computer when you access certain websites. Like virtual door keys, cookies unlock a computer's memory and allow a website to recognize users when they return to a site by opening doors to different content or services. Like a key, a cookie itself does not contain information, but when it is read by a browser it can help a website improve the service delivered. Some cookies are necessary and some are marketing cookies. The necessary cookies will always be put on your computer when you visit a website, but the other cookies you should be able to opt out of.

Cookie Banner

Of course, you can use the standard cookie banner Squarespace provides, but it’s so much better to change at least the text. Mine says: My favorite cookies are chocolate chips. What are yours? And you can click on cookies to go to my Privacy Policy if you want to know which cookies I use. Spoiler, I only use the necessary ones on my sites. When you go to  


You can also use colors in your banner. Like a different color text or a different color background. You’ll need to use code for this. If you paste the following code in the custom CSS of Squarespace you can change the look of your cookie banner.

.sqs-cookie-banner-v2 {
 background: #139fae !important;
 border: 5px solid #e6b40f;
 border-radius: 10px;
.sqs-cookie-banner-v2 p, .sqs-cookie-banner-v2 a {
 color: #fff !important;
.sqs-cookie-banner-v2-accept {
 color: #fff !important;
@media only screen and (max-width: 640px) {
 .sqs-cookie-banner-v2 {
   bottom: 50px !important;

You can change the colors by adding the hex codes of your own colors. So instead of #139fae I would put in #667267. Everything with a # before it represents a color and can be changed. You can also change the px you see after border to make the border a little thicker or thinner.

Want a step-by-step guide to help you DIY your Squarespace website?

Fill out your email address and get my FREE guide to do just that.

  • 15 January, 2021

Marit Verlaat

I'm an introverted online business owner with wanderlust. I believe that being an introvert is one of the best assets a business owner can have. Introverts are excellent at working alone. They can work towards a goal without getting distracted. Plus, introverts are amazing at learning new things. I'm here to empower you to make your own website as awesome as you are. From the comfort of your own home. In your own time. So you can live the life of your dreams.