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

Customize

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!

License

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

Previous
Previous

Gradient Folder Navigation

Next
Next

Border Highlight Button