Cookie Banner Gradient Color

Install Steps

Cookie Banner Gradient Color

Submitted by Moov Labs Works with all template families


Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste the code below into the Custom CSS Editor box.

// Cookie Banner Color //

.sqs-cookie-banner-v2.DARK, .sqs-cookie-banner-v2.LIGHT {
background: -webkit-linear-gradient(to left, #659999, #f4791f);
  background: linear-gradient(to left, #659999, #f4791f);

// Cookie Banner Text //

.sqs-cookie-banner-v2.LIGHT p, .sqs-cookie-banner-v2.LIGHT button, .sqs-cookie-banner-v2.LIGHT a, .sqs-cookie-banner-v2.DARK p, .sqs-cookie-banner-v2.DARK button, .sqs-cookie-banner-v2.LIGHT a {
color: black;

Step Three

Change both of the background color values #659999 and #f4791f to target the banner's gradient color and the color value #FFFFFF to target the text color.

Save and refresh the page. 👍

Moov Labs