Jump to content

Different navigation font colors on different pages

Recommended Posts

Site URL: https://giraffe-harmonica-sk3p.squarespace.com


I´m in squarespace 7.1, and using "transparent header" (with image behind the navigation).

When I have a dark image behind the navigation, I need the navigation font color to be white.

When I have a light background behind the navigation (in contact site), I need the navigation font color to be dark.

Does anyone know how to do this?


Password: 2022

Link to comment

No, I want to be able to customize the font colors in the navigations. I want it to be black font color when you are in the "Kontakt, " page since that background is suposed to be white.  And white font color on the pages "Hem", "Camps" and "Om oss" since they have a dark background. But I don't know how to customize it for that. When I change the color in one place, it changes everywhere. 



Got helped by Thuan Phan trough mail. Solution was: 

First, edit that page > Add a Code Block at bottom of page > Paste this code
div.header-nav-item a {
    color: white !important;
Edited by Arkaitx
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.