Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Changing nav bar background color on blog posts in 7.2


Posted (edited)


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

Edited by Vanec

Share this post

Link to post

3 answers to this question

Recommended Posts

  • 0

@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?


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

Available for hire

Beyond Copy/Paste: Learn CSS for Squarespace Workshop

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


Share this post

Link to post
  • 0

@ryandejaegher Just the post pages -- the page that lists the posts is where we want it. 

This fixed it, thank you very much!

Share this post

Link to post

Create an account or sign in to comment

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

  • Create New...