Jump to content

Make each navigation option text a different colour

Go to solution Solved by Mark.Hook,

Recommended Posts

  • Replies 2
  • Views 271
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • Solution

Plug this into your Custom CSS and see if that's what you are looking for...  Obviously, you can change the colors in the css to anything you want.

nav.main-nav ul > li:first-of-type a {
    color: red !important;

nav.main-nav ul > li:nth-of-type(2) a {
    color: blue !important;

nav.main-nav ul > li:nth-of-type(3) a {
    color: pink !important;

nav.main-nav ul > li:nth-of-type(4) a {
    color: orange !important;

nav.main-nav ul > li:nth-of-type(5) a {
    color: aqua !important;

nav.main-nav ul > li:nth-of-type(6) a {
    color: green !important;


Lead Developer at [Hook Creative][1] in Springfield, MO. [1]: http://www.hookcreative.co

Link to comment
  • 4 weeks later...

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.