Custom Code - Navigation Link Color/Hover Color/Active Color

Trying to change one of the Navigation Text to a different color. Currently, all of Navigation Titles are Black but I'd like the "Request Appointment" Title to be Red. I've been looking all over and can't find the code to put in Ishimoto Template.

Here's my site link: https://www.losaltoseyecare.com/home

Here's the tab I want Red on the Navigation: https://www.losaltoseyecare.com/request-appointment

Try here: 

Hi @losaltoseyecare

This will change your last navigation item to red,  and turn grey on hover:

#topNav li:last-child a {
                      color: red;
}
#topNav li:last-child a:hover {
                      color: #666666;
}
#mobileNav li:last-child a {
                      color: red;
}

Magne

Hi @MagneM, Thanks so much for your response.

Sorry, do I put this code on the Header "Code Injection" under Settings?

Also, do I need to put this code exactly as you typed it? Or do I need to make changes? Because it didn't work when I copied and pasted it. 

Thanks

15 minutes ago, losaltoseyecare said:

Hi @MagneM, Thanks so much for your response.

Sorry, do I put this code on the Header "Code Injection" under Settings?

Also, do I need to put this code exactly as you typed it? Or do I need to make changes? Because it didn't work when I copied and pasted it. 

Thanks

Add code to Home > Design > Custom CSS

If you want to insert to Header Code Injection, you need to wrap all code in <style> paste code here </style>

Hi @tuanphan,

Ok, that worked. Thank you! But now, the last page of every tab is Red, and I only wanted the "Request Appointment" in red. 

Is there some code that allows the last navigation tab but not the last page in each tab?

Here's the site: https://www.losaltoseyecare.com/home

15 minutes ago, losaltoseyecare said:

Hi @tuanphan,

Ok, that worked. Thank you! But now, the last page of every tab is Red, and I only wanted the "Request Appointment" in red. 

Is there some code that allows the last navigation tab but not the last page in each tab?

Here's the site: https://www.losaltoseyecare.com/home

Remove the code MagneM sent, and use this code

a[href="/request-appointment"] {
    color: red !important;
}

@tuanphan That worked! Thank you so much!