Jump to content

Changing nav bar background color on blog posts in 7.2

Recommended Posts

Hello,

In 7.2, the nav bar on blog pages must follow the same color theme as the blog's body. Sitewide we have black nav bar + white body with black text, pretty standard. Unfortunately on blog pages this means it's white body + white nav bar, and this is a problem because our logo is white so it's lost in the white nav bar. 

Tried this already to no avail: 

#collection-5ea0ceff2e2abb13b38daf00 .header-announcement-bar-wrapper {
    background-color: #000000;
}

I can puzzle my way through CSS but am at a loss right now. Please help! Thank you

Link to comment
  • Replies 3
  • Views 591
  • Created
  • Last Reply

@Vanec are you only wanting to apply this color change to the blog posts? Or to the page that lists all the blog posts too?
image.thumb.png.40376fe9012e1752a97fd4e499fb733e.png

 

This is the code that would give you this result

 /* Add this code to Design -> Custom CSS */

body[id*='item'] header {
    background: #000;
}

body[id*='item'] header * {
    color: white !important;
    background: black !important; 
}


 

Philadelphia, PA

👉 Squarespace Tutorials 

Chat/Message on FB Messenger for quickest responsehttps://m.me/dejaegherryan

 

Link to comment

Archived

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.