Adding & Editing the Cookie Banner in Squarespace
Squarespace has finally added a cookie banner! Let us show you how to use it + edit with CSS.
Original post:
https://ajmexperience.com/learn-posts...
For more CSS code to enhance your website designs, check out the rest of the learn series:
https://ajmexperience.com/learn
Get our free CSS Selector Cheat Sheet:
https://www.ajmexperience.com/css-che...
Get our full CSS Library:
https://www.ajmexperience.com/squares...
——————
HERE'S THE CODE:
// banner color //
.sqs-cookie-banner-v2 {
background-color: #319aab !important; }
// text color and size //
.sqs-cookie-banner-v2-text p {
color: #fac827 !important;
font-size: 16px; }
// accept button, text, or icon //
.sqs-cookie-banner-v2-accept {
background: #000000 !important;
border: solid 2px #fac827 !important;
color: #fac827 !important; }
// decline button, text, or icon //
.sqs-cookie-banner-v2-deny {
background: #000000 !important;
border: solid 2px #fac827 !important;
color: #fac827 !important; }
// line above banner – change border position as needed //
.sqs-cookie-banner-v2 {
border-top-style: solid;
border-width: 3px;
border-color: #7cccbd; }
——————
WANT MORE CUSTOM OPTIONS FOR YOUR COOKIE BANNER?
https://go.elfsight.io/click?pid=1575...
——————
AJM EXPERIENCE
🖥 A marketplace for graphic designers, Squarespace lovers, & CSS nerds: https://www.ajmexperience.com/
☕️ Buy me a coffee: https://www.buymeacoffee.com/ilyajm
Thanks for watching and hope you learned something. My name is Amanda Jones McNay and I am a Squarespace web designer and CSS nerd. I have designed well over 100 different Squarespace sites for clients and have used custom CSS code in every one of them. My site is dedicated to helping all CSS designers to perfect their craft and create cool sh!t.
This article contains affiliate links. Whenever you buy something through one of these, I get a small commission, without any extra cost to you :)