This topic has 7 replies, 3 voices, and was last updated 10 years, 7 months ago ago by Eva Kemp
Hi there,
I want to change the color of the links of the “active/current page” link and the “hover” over the top menu, the parent if there is a drop down associated with it. So in other words the color of the link of the page the user is currently on and the color the link changes to when the mouse hovers over it.
I understand that this is controlled through the Theme Options, which I’m happy with the current color on buttons, but not the links as described above.
How can i change it so it works like I’ve described above?
Thanks, Daniel.
Hello,
Please, add this lines of code to your custom.css:
#main-nav > ul > li.current_page_item > a {
color: #desired-color-of-active-item !important;
}
#main-nav > ul > li > a:hover, #main-nav > ul > li > ul > li a:hover {
color: #desired-color-on-hover !important;
}
and change “#desired-color-of-active-item”, “#desired-color-on-hover” on your desired color.
If you didn’t enable custom.css before, please visit this link (following tutorial is for Legenda, but for Blanco actions are analogical) https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be .
Regards,
Jack Richardson
Hi Jack,
Thanks for your reply.
I don’t use custom css, I edit the css through a child theme.
So this is still possible through a child theme? So I just paste this into the style.css?
Thanks, Daniel.
Yes, Daniel, you can paste this into the style.css in your child theme. If it won’t work, then create custom.css in parent theme.
Regards,
Jack Richardson
Ok thanks Jack.
Ill try tomorrow in the office (Im in Australia).
Thanks Jack for your help!
All working. Much appreciated.
Hello,
You’re welcome.
Regards,
Eva Kemp.
Tagged: color change, menu links, seo friendly, themes, woocommerce, wordpress
The issue related to '‘Changing color of menu links’' has been successfully resolved, and the topic is now closed for further responses