Gradient Announcement Bar

Look Demo

Add a gradient color to the announcement bar. 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.

// Gradient Announcement Bar //

.sqs-announcement-bar {
  background: linear-gradient(to left, #53D6FF, #666BE1);
  background: -webkit-linear-gradient(to left, #53D6FF, #666BE1);


Replace both of the #53D6FF and #66BE1 values with the color codes of your choice.

Visit UI Gradients or Colorzilla for help with generating gradient color codes and patterns. Both of these sites make it super easy!


No notes.