Gradient Announcement Bar

Install Steps

Gradient Announcement Bar

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.

// Gradient Announcement Bar //

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

Step Three

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!

Save and refresh the page. 👍

Moov Labs