Thread Starter
tklsk
(@tklsk)
Sorry for the mistake.
the link is the following:
http://www.cosmedicare.gr
This should work. You can add it to your custom CSS area or child-theme’s CSS file:
#top-nav > div > ul > li > a:hover, #top-nav > div > ul > li > a:link:hover, .top-nav-list li a:hover, #top-nav > div > ul > li > a:visited:hover, #top-nav > div > div > ul > li > a:hover, #top-nav > div > div > ul > li > a:link:hover, #top-nav > div > div > ul > li > a:visited:hover, .active_menu {
color: #dd9696 !important;
}
Hello,
Just to note, you should only use !important if the style you are trying to apply is not working.
Thanks.
Thread Starter
tklsk
(@tklsk)
I used the simple custom css plugin and I added what you told me. Unfortunately it didn’t work. What have I done wrong?
Simple Custom CSS? Remove the previous code and try using this instead, but keep the !important declaration there:
nav#top-nav > div > ul#top-nav-list > li.menu-item > a:hover, nav#top-nav > div > ul#top-nav-list > li.menu-item > a:link:hover, ul.top-nav-list li.menu-item a:hover, #top-nav > div > ul#top-nav-list > li.menu-item > a:visited:hover {
color: #dd9696 !important;
}
The Simple Custom CSS seems to load before one of the theme’s CSS file. So this code is a bit more specific to overwrite that. Also, the !important declaration must be there.
Thread Starter
tklsk
(@tklsk)
It worked!! You are amazing!
Thanks a lot!!
