Jump to content

Change text color on individual link in nav for whole website

Recommended Posts

Hi there, website is belvederebc.com, 

I'm trying to change the font colors of each link in "communities" subnav, 

first one  (Residences at Belvedere) to #a00101 (red)

second to #29a5a5

third to #2e8c2e

fourth to #e65c00

Any help (even just some) would be greatly appreciated. 

Thanks!

Link to comment
  • Replies 3
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

.subnav ul li:nth-child(1) a {
    color: red !important;
}
.subnav ul li:nth-child(2) a {
    color: green !important;
}
.subnav ul li:nth-child(3) a {
    color: violet !important;
}

 

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
43 minutes ago, adl333 said:

Thats a good thought but that would apply to all subnavs, I need Community only

try

nav.main-nav .folder-collection.folder:nth-child(3) .subnav ul li:nth-child(1) a {
    color: red !important;
}
nav.main-nav .folder-collection.folder:nth-child(3) .subnav ul li:nth-child(2) a {
    color: violet !important;
}

 

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.