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

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

Question

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

Share this post


Link to post

7 answers to this question

Recommended Posts

  • 1
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;
}

 

Share this post


Link to post
  • 0

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

Edited by MagneM

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0
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>

Edited by tuanphan

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