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

Changing Navigation Color on Both Sides Of The Logo

Recommended Posts

I needed to change the color of the navigation bar on two separate pages -- the presets for our site are white which blend in with the background of these pages. The code I am using in the code injection is: 

 #headerNav nav a {
         color:  #2A2D3C;

The problem is that it's only changing the color of the links on the left side of the logo -- there are two navigation links on the right but those are not adjusting. Is there more code that I need to add? Help! 🙂

Screen Shot 2019-10-16 at 3.11.59 PM.png

Share this post

Link to post

@christyprice - We're using the PACIFIC theme. I set the site up as password protected, but I'm not sure it's working. The site is NicoleJacksonMiller.com and the password is: Lookatme!


The page we're having trouble with is the "Contact" page and another that is hidden from the navigation. I'd assume if we can solve the contact page issue I can just apply it to other pages as well. 

Share this post

Link to post

@nicolejacksonmiller body#collection...b2 is contact page ID. Each page will have different ID. See how to find page id

body#collection-5da0afa6f2092e19057692b2 nav#mainNavigation a {
    color: red;


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

I'm overloading. Will reply all questions this month.

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