Change menu item background color

Anonymous
September 22, 2015 at 10:55 pm #10120

Hello there,

I would like to change the background color of child menu items when highlighted. When on a menu article, the featured menu item is highlighted by the theme blue; I would like to update this with our branding color, but cannot find it in the CSS.

Please let me know where to find this so I can manually change.

Thanks!

Anonymous
October 8, 2015 at 8:39 pm #45397

Please answer the above question. I have a hard deadline for presentation of the site and need to change this last color.

Thank you.
Admin
Syahir Hakim
October 9, 2015 at 12:10 am #45398
Add this to the theme’s Custom CSS option and change the colour code as necessary:
```
.dropdown-menu > .active > a,

.dropdown-menu > .active > a:focus,

.dropdown-menu > .active > a:hover {

background-color: #337ab7;

}
```
Anonymous
October 9, 2015 at 1:27 pm #45399

Worked perfectly. Thank you so much for your help.

Have a great day.
kikoarquer
April 25, 2020 at 8:14 pm #51359
The Syahir Hakim’s code worked perfectly.

To my Graphene Theme, I just replaced the .dropdown-menu to #header-menu.

It was like that:
```
#header-menu> .active > a,
#header-menu > .active > a:focus,
#header-menu > .active > a:hover {
background-color: red;
}
```