Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Eliahu1570048748

Skye - How to change the color of an individual navigation item?

Question

Hello,

I'm creating a website using the Skye template.I know very little about coding, so I'd be very grateful for any help.

I'd like the "Link Color" in the navigation bar to be a darker grey for the following items "About Us", "News & Press", "People" and "Work With Us". The Active Link Color should stay blue once clicked and once the mouse sits on it.

Is it possible?In case it makes it easier to visualize, my website is https://hqwebsitestudy.squarespace.com/Password: 12345678

@Paul2009 you have helped me before, us there any chance you know a way to do this?Thank you in advance, Eliahu

Edited by Eliahu
Corrected password

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

@Eliahu incorrect password


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

@Eliahu here is CSS for all navigation items (CSS should add to Home > Design > Custom CSS)


/* Home item */
nav#mainNavigation>div:nth-child(1) a {
   color: blue;
}
/* Buildings item */
nav#mainNavigation>div:nth-child(2) a {
   color: blue;
}
/* Technology item */
nav#mainNavigation>div:nth-child(3) a {
   color: blue;
}

Similar for other items.


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Hi @tuanphan,

Thank very much for the help.The code works perfectly - the only problem is that now it doesn't change the color when it's an active link/the mouse sits on it.

Do you know any way to overcome that?

Share this post


Link to post
  • 0

you can use this code for active link


.nav-link--active a {
   color: blue !important;
}



You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...