Cookie Banner Gradient Color

Look Demo

Easily change the color of the cookie banner. This plugin uses css editor and works with all template families.

How To Install

From your Squarespace account, go to the Custom CSS Editor. 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;


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.


No notes.

RandomMoov Labs