Jump to content

Adding/Removing color from headers on one page

Recommended Posts

How can I add or remove the background color from the header section on just one page of my website.


I have a navy blue header background on all my pages but I want to have a white header background on my home page only. 

How can I change this? 

Link to comment
  • Replies 4
  • Views 758
  • Created
  • Last Reply

#collection-5eadc362c3dfb005b707a4c3 { #header .header-announcement-bar-wrapper { background-color: hsla(0, 100%, 100%, 0) !important; }}

Change the #collection ID to the page you want. 


I think you will have a problem if you want to see the logo and the nav?

Contact us if you need help with your Squarespace website

Squarespace tips and insights from our blog

Bamn.Digital : Website Design, Development & Support

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.