Jump to content

PURSUIT Template: Can I change the color of each Navigation "filled dot"?

Recommended Posts

On the pursuit template (brine family) , I have one index page with 6 content sections. Can I change each navigation dot to be a different color for each section? 

Example:

The "home" section filled dot & nav text would be "purple" while it is active, inactive, or hover.

The "about" section filled dot & nav text would be "blue" while it is active, inactive, or hover.

The "portfolio" section filled dot & nav text would be "green" while it is active, inactive, or hover.

etc etc etc

Thank you for your time & expertise!

Link to comment
  • Replies 2
  • Created
  • Last Reply

Answered on Squarespace Community FB Group.

nav.Index-nav a[href="#about"] .Index-nav-indicator {
border-color: violet;
background: violet;
}
nav.Index-nav a[href="#about"] .Index-nav-text {
color: green;
}

 

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

Archived

This topic is now archived and is closed to further replies.

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