Change the color of the text hover in the main menu.

Posted in: Newspaper
Post count: 15
Eduardo.FD
#168967
Apr 20, 2017 at 9:01 pm

Hello,
I use header style 5 with Mega menu. I want to set the TEXT HOVER COLOR to black (the hover is white), for this I tried this code:

.td-header-style-5 .sf-menu > li > a:hover {
color: black;
}
The problem is when I go to the submenu in the mega menu to select an item, the text go back to white.
How can the text stays in black??

http://www.screencast.com/t/saxgja8N6

Thanks a lot

Post count: 23312
Catalin
#169053
Apr 21, 2017 at 10:32 am

Hello Eduardo.FD,

Try to add the !important tag to give more priority for your code.

The code is ->

.td-header-style-5 .sf-menu > li > a:hover {
color: black!important;
}

Hope this helps!

Thanks for the message!

Post count: 15
Eduardo.FD
#169101
Apr 21, 2017 at 2:32 pm

Hello.

I add the !important tag, but the text still go back to white.

Thanks.

Post count: 20688
Simion C.
#169127
Apr 21, 2017 at 4:50 pm

Hi,

If you use that code it should change the text color when you hover the menu links. It will not stay the same color when you are not hovering it anymore of course. You could try a code like this one for example and se if it is working for you

.td-header-style-5 .sfHover .sf-with-ul {
color: black!important;
}

Thanks

Post count: 15
Eduardo.FD
#169142
Apr 21, 2017 at 6:43 pm

Thanks a lot.

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.