Background color for top header on one page (Brine 7.0) - Header nav

All CSS tricksBackground7.0
Written By Beatriz Caraballo

About

If you want to add a background color to the Top Header of some pages inside your Squarespace 7.0 site (Brine family), this copy/paste code is for you.

You can set any kind of color code you want for the specified pages, and have your nav stay transparent (or use a different color) on all other pages.

  • This particular snippet is compatible with:

    • The Top Header layout

    • Squarespace 7.0 (Brine family)

Beatriz Caraballo

Hey! I’m B, a customization expert.

I code the heck out of Squarespace and teach other designers how to do it too, one wtf at a time.

https://beatrizcaraballo.com
Previous

Stacked tagline under logo (Brine 7.0) - Header nav
Next

Sliding lines on hover for nav links (Brine 7.0) - Header nav