Jump to content

Change navigation font color on a single page

Recommended Posts

Site URL: https://snail-pumpkin-bhkh.squarespace.com/who



I solved the issue by using the page header code injection and the following code:

/* Nav item color */
.Header-nav-item {
    color: #c33608 !important;
/* Nav item hover color */
.Header-nav-item:hover {
    color: #c33608 !important;
/* Nav item active color */
.Header-nav-item--active {
    color: #F54C14!important;
    color: #c33608 !important;


I'm trying to customize the background and font color of one of my pages (URL SLUG: /bytebones-about) - and I got completely stuck.

I managed to change the background color of both the header section and the page. But whatever css code I try, it seems I'm not able to change the font color used in the header. 

Is there any way I could do so?

Plus: I'd like to change the overlay color of the images I use on this site (only). Can you tell me, how to do so?

Best, Noemi

Edited by noemikk
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.