Colors: Link hover (with css)

[kjattke]

Hi there,

I want to change the color behavior for (only some) links on rollover: all the links within the page content should have a different color-behavior on rollover, than the ones of the menu/navigation (or in other words at the same time all the links within the navigation should not be affected). My problem is: If I do it through the “theme customization” it overrides the different link-color-behavior for the menu/navigation. Same problem if I change it via CSS with:

a:hover{
color:#0F0 !important;
}

Because then it overrides / ignores my custom css for the navigation-links (no matter where it is in the css – top or bottom), which is:

nav .menu li a {
color: #000!important;
}

nav .menu li a:hover {
color: #dd0000!important;
}

nav .menu ul li.current-menu-ancestor > a, nav .menu ul li.current-menu-item > a {
color: #dd0000!important;
}

And I can’t find how to only change the color behavior of links within the page.

BTW: The theme is great, but even better is your huge knowledgebase … found already a lot of solutions by reading through the forum. Well, not this time though. 😉

[kjattke]

Nevermind…

… just when I wanted to give up, I found the error and could help myself to solve this:

I used on top of my custom CSS the:
a:hover{}

And further down, within the CSS for responsive cases (@media only screen)
– nav .menu li a {}
– nav .menu li a:hover {}
– nav .menu ul li.current-menu-ancestor > a, nav .menu ul li.current-menu-item > a {}

Sorry for bothering you and I wanted to let you know that I solved it, so that you don’t need to spent time on this issue.

[kjattke]

.

[Rui Guerreiro – SUPPORT]

Glad it’s sorted.
-Rui