Return to previous page

Menu dropdown - by gewoonbovenaan - on WordPress WooCommerce support

This topic has 5 replies, 3 voices, and was last updated 7 years ago ago by Olga Barlow

gewoonbovenaan

Participant

April 14, 2017 at 11:10

I wanted to change the color of the dropdown menu in green, but somehow white spaces occur and when selecting something also a white box occur, can you please help? Thnx

#160149 Copied

4 Answers

gewoonbovenaan

Participant

April 18, 2017 at 10:57

here is a link with the scrn shot http://prnt.sc/exs7fn

#160381 Copied

Amzy Leel

Participant

April 19, 2017 at 07:12

You can use following code to change drop down menu hover background color to change to green

.nav-sublist-dropdown ul>li>a:hover { background-color: #008000; }

if you put the above code in,

8theme options >> styling >> custom CSS >> global custom css the white box will be replaced as green.

if you want to keep the white box and change the text colour you can do that in

8theme options >> Typography >> navigation >> menu second level >> font color

#160476 Copied

gewoonbovenaan

Participant

April 20, 2017 at 13:07

I have added the code but it didnt work out.. can u pls check why not?

#160725 Copied
Olga Barlow

Support staff

April 22, 2017 at 09:38
Hello,

To change the drop-down bg color and border
```
.menu-wrapper .menu > li:hover .nav-sublist-dropdown {
    background-color: #3f7622;
    border-color: rgba(255, 255, 255, 0.3);
}
```
To change link bg color on hover
```
.item-design-dropdown .nav-sublist-dropdown ul > li > a:hover {
    background-color: #2f4514;
}
```
Check your site now.

Regards
#160907 Copied
Viewing 5 results - 1 through 5 (of 5 total)