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

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

Comments

  • 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
  • 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
  • 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
  • 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
  • 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
  • Dear Phil you are the best, thank you so much for your help. Best regards Cor
Sign In or Register to comment.