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;
}

Customize

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.

License

This plugin comes with an Unlimited Use License. View License Terms

Previous
Previous

Customize Line Block

Next
Next

Cookie Banner Color