Remove the Header Gradient From One Page

What does this code do?

This code snippet will allow you to remove the header gradient from specific pages in Squarespace.

 

Code Snippets

Copy and paste this code into Design > Custom CSS

SELECTOR .header .header-background-gradient {
    background: unset !important;
}

Then change the word SELECTOR to one of the selectors below.

/* Homepage */
.homepage

/* Specific Page */
#COLLECTIONID
 

How To Use It

  1. Copy and paste the code as indicated above.

  2. Choose the selector that matches your situation.

  3. To learn how to find a collection id check out our Start Here guide.

Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Create a Timeline in Squarespace

Next
Next

Edit the Slideshow Gallery Arrow