Jump to content

How to change the navigation button color for only one page

Recommended Posts

18 hours ago, IanBanker said:

Hi! 
I circled the buttons in this image. 

BooksBranches.PNG

Add to Page Settings > Advanced > Header (Each page has page header)

<style>
  nav#mainNavigation * {
    color: blue !important;
}
</style>

 

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
18 minutes ago, IanBanker said:

 

 

Is there a way to also change the gray dropdown box to a different color?

You mean black dropdown?

<style>
  .subnav {
    background: red !important;
}
</style>

 

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
  • 6 months later...
On 9/3/2020 at 5:47 PM, tuanphan said:

Add to Page Settings > Advanced > Header (Each page has page header)



<style>
  nav#mainNavigation * {
    color: blue !important;
}
</style>

 

why doesn't this work for me? i applied it each of my website page but it only works on one page 

update: it doesn't work on both my pages

Edited by ArvinPaul
Link to comment
  • 2 weeks later...
On 3/11/2021 at 12:40 AM, ArvinPaul said:

Your site is expired. You can contact Squarespace Customer Care to extend trial (free)

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
  • 5 months later...
On 9/10/2021 at 1:41 AM, Alexis-Reid-Design said:

@tuanphanCan you help me with this on this page? https://www.drdjdrosman.com/about (password is drdjdrosman)

I tried the header code injection above but it's not working for me. Wanting the nav links here to be white

Try this code to About Page Header

<style>
  header#header * {
    color: white !important;
}
</style>

 

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

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.