How to change the menu link and active link color for a single page

windyfightgear · November 2020

Dear, I really need to change the menu link and active link color for a single page, but i cant figure out how to find the css for it. Can you provide me with the propper css please, Thanks in advantage, best regards Cor

Phil · November 2020

Hi,
Please always attach a link to your website so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

Also, can you tell me on which page would you like to change these colors?
thanks

windyfightgear · November 2020

Dear Phil, Thank you for your quick answer, i want to change the menu link colors on my shop page here https://thaitshirtfactory.com/shop/

best regards, cor

Phil · November 2020

Please, go to your shop page editor, and scroll to the bottom of options.
Then paste following Custom CSS Code in "Custom | CSS" section
https://prnt.sc/vci3pp

#Top_bar .menu > li.current_page_item > a,
#Top_bar .menu > li.hover > a,
#Top_bar .menu > li ul li a:hover{
  color: red!important;
}

Remember to change "red" value to any color you want.

Thanks

windyfightgear · November 2020

Hi Phil thank you so much that works great. That did change the active link colors right? so now i also need to change menu link colors and then i am done. Thanks in advantage, best regards Cor

Phil · November 2020

Then you need to add some extra CSS Code in the same place

#Top_bar .menu > li > a, 
#Top_bar #menu ul li.submenu .menu-toggle,
#Top_bar .menu > li ul li a{
  color: green!important;
)

Best regards

windyfightgear · November 2020

Dear Phil you are the best, thank you so much for your help. Best regards Cor

How to change the menu link and active link color for a single page

Comments