I was able to figure this out by adding this to the custom CSS.
.main-navigation ul ul a:hover {
color: #805E91 !important;
}
Hi @shoulderdevil!
Thanks for posting your solution!
You should be able to do it without the !imporant part, like this:
.main-navigation ul ul a:hover {
color: #805E91;
}
Generally, it’s best to avoid using !important in CSS whenever possible – it’s usually not needed (like here) and it can make it more difficult to troubleshoot your CSS down the road, since !important acts as an override. Generally it’s best to write more specific CSS if you need to, rather than rely on !important to force the code to work.
If the above CSS doesn’t work without !important let me know where exactly you’re adding it and I can try to see what’s getting in the way (a link to an effected page would also help) 🙂
I have another issue that I am hoping that you can help with. The sidebar has widgets Recent posts, I can’t find the area where I can change the font and the color of the links there. Can you help?
This will be another CSS task.
Did you want to change the color of all of the text in the sidebar? Or just this particular widget?
If you’re aiming for specific widget, can you post a link to your site so I can help you identify it? 🙂
