Jump to content

Conditional Header Formatting?

Recommended Posts

Site URL: https://advantage-writing.com/

Is it possible to conditionally format the site header?  More specifically, I am working on a site where most pages have a dark theme with a light header, but on the Home page and Contact pages I would love to have a dark header with light body theme.  Is there a custom CSS trick to conditionally apply color changes to certain pages but not others?  Thanks.

https://advantage-writing.com/ and the password is 'langley'

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

With body, I guess you can edit section > then change color

with header, add this to Page Settings > Advanced > Header

  .header-announcement-bar-wrapper {
    background: black !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...

Thanks.  This approach does not allow me to change the header color on SOME pages but not ALL.  Is there a way to do this conditionally?  For example: set the header color to white by default but set the header color to black on ONLY the contact page?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.