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

Change color of one navigation link - Cacao Template

Question

Posted (edited)

I'm trying to change the color of one of the items in my navigation bar. I’d like to make it this shade of blue (#0f73ba) while keeping the others grey.

I've been testing this in the CSS editor, but it hasn't been working:

nav.main-nav li:nth-of-type(2) a { color: #0f73ba;}

Edited by tbliston
Initial Revision

Share this post


Link to post

10 answers to this question

Recommended Posts

  • 1

@tbliston @tbliston Add to Home > Design > Custom CSS


/* Home */
.Header-nav-inner a:nth-child(1) {
   color: #0f73ba !important;
}
/* Become a tour creator  */
.Header-nav-inner a:nth-child(2) {
   color: #0f73ba !important;
}
/* Download  */
.Header-nav-inner a:nth-child(3) {
   color: #0f73ba !important;
}
/* Campuses  */
.Header-nav-inner span:nth-child(4) a {
   color: #0f73ba !important;
}
/* How it works */
.Header-nav-inner span:nth-child(5) a {
   color: #0f73ba !important;
}
/* About Us*/
.Header-nav-inner span:nth-child(6) a {
   color: #0f73ba !important;
}


Share this post


Link to post
  • 0

@tuanphan is there a way to limit the color change so it only changes the second position in the navigation bar? It's currently also changing the color for the second position in the drop down boxes (attached to the navigation bar).

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