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  

Cookies

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.

  • 15 January, 2021

Marit Verlaat

Empowering introverted female entrepreneurs to change the world by creating their own Squarespace website.

>