Gradient Site Header

Screen+Shot+2020-01-01+at+8.17.29+PM.jpg

Description

Add a gradient color to the site header. This plugin uses css editor and works with Squarespace 7.1.


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.

// Site Header Border //

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

Customize

Change all background color values to the colors of your choice.


Previous
Previous

Site Header Border

Next
Next

Mobile Menu Font Size