losaltoseyecare Posted November 13, 2019 Share Posted November 13, 2019 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 Link to comment
tuanphan Posted November 13, 2019 Share Posted November 13, 2019 Try here: 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
MagneM Posted November 13, 2019 Share Posted November 13, 2019 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 Link to comment
losaltoseyecare Posted November 14, 2019 Author Share Posted November 14, 2019 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 Link to comment
tuanphan Posted November 14, 2019 Share Posted November 14, 2019 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> 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
losaltoseyecare Posted November 14, 2019 Author Share Posted November 14, 2019 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 Link to comment
tuanphan Posted November 14, 2019 Share Posted November 14, 2019 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; } 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
losaltoseyecare Posted November 14, 2019 Author Share Posted November 14, 2019 @tuanphan That worked! Thank you so much! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.