Return to previous page

Change hover menu to black - by Sebastian

This topic has 16 replies, 3 voices, and was last updated 9 years, 11 months ago ago by Eva Kemp

Sebastian

Participant

December 11, 2014 at 11:27

Hello

how can i deactivate the hover color in the menu? i just want the menu black.

thank you!

#28994 Copied

15 Answers
Robert Hall

Support staff

December 11, 2014 at 12:02
Hello,

Please add this code into custom.css file.
```
.menu > li > a:hover{
color:inherit;
}
```
Regards,
Robert Hall.
#29000 Copied
Sebastian

Participant

December 11, 2014 at 12:06

Thank you Robert, but this does not change anything…http://www.ferbers.de

it is still red on hover…

#29003 Copied
Eva Kemp

Support staff

December 11, 2014 at 13:12
Hello,

Have you created custom.css file and enabled it in Theme Options?
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

If so, then edit the code and add “!important”:
```
.menu > li > a:hover {
color: inherit !important;
}
```
Thank you.
Regards,
Eva Kemp.
#29013 Copied
Sebastian

Participant

December 11, 2014 at 14:00

Hi Eva,

yes of course… other css hacks work as well.

but this does not work… also with or without “!important”

any other idea?

thanks
Sebastian

#29030 Copied

Eva Kemp

Support staff

December 11, 2014 at 16:09

Hello,

As I see now hover color for menu items is grey, but you have some items with red color. Do you want to change them as well?

Thank you.
Regards,
Eva Kemp.

#29086 Copied

Sebastian

Participant

December 11, 2014 at 16:12

yes 🙂 i want everything black without hover…. this is a cause because of jump links and this looks not nice…

Thanks
Sebastian

#29089 Copied
Eva Kemp

Support staff

December 11, 2014 at 16:39
Hello,

In this case please add the following code into custom.css:
```
.menu > li.current-menu-item > a  {
    color: black !important;
}
```
Thank you.
Regards,
Eva Kemp.
#29098 Copied
Sebastian

Participant

December 11, 2014 at 16:45

PERFECT! But now the mobile menu looks not nice anymore…

do you have another fix for this case?

thank you very much!
Sebastian

#29099 Copied
Eva Kemp

Support staff

December 11, 2014 at 17:10
Please use this code to fix the issue with mobile menu:
```
.et-mobile-menu li a, .et-mobile-menu li a:hover {
   color: black !important;
}
```
Thank you.
Regards,
Eva Kemp.
#29104 Copied
Sebastian

Participant

December 11, 2014 at 17:33

Thanks again, but i wanted everything white in the mobile menu without hover… is this possible?

i changed “black” to “white” but the hover is still appearing…

Thank you!
Sebastian

#29106 Copied
Eva Kemp

Support staff

December 11, 2014 at 19:54
Please add also this code:
```
@media (max-width: 480px) {.menu > li.current-menu-item > a, .menu >li a:hover {
    color: white !important;
}}
```
Regards,
Eva Kemp.
#29134 Copied
Sebastian

Participant

December 11, 2014 at 22:16

This makes no changes… any other idea?

thank you!

Regards,
Sebastian

#29143 Copied

Eva Kemp

Support staff

December 12, 2014 at 00:36

Hello,

Please provide us with wp-admin panel credentials in Private Content.

Thank you.
Regards,
Eva Kemp.

#29150 Copied

Sebastian

Participant

December 12, 2014 at 07:34

Ok, thank you!!

Please, contact administrator
for this information.

#29179 Copied

Eva Kemp

Support staff

December 12, 2014 at 09:52

Hello,

I’ve edited the code.
Please check the menu now.

Regards,
Eva Kemp.

#29210 Copied
Viewing 16 results - 1 through 16 (of 16 total)