Change submenu background

I would like to change the background for the submenu and menu highlight

When highlighted the background should stay the same dark green (008465) and the background should be the light green ( D4E6E1 )

Current Custom CSS Code:

.nav-wrapper ul li a:hover, .nav-wrapper ul li.current-menu-item a, .nav-wrapper ul li.current_page_item a{
background:#008465;
}
.nav-wrapper ul li a {
color: #008465;
}
.nav-wrapper {
background: #D4E6E1;
}
.nav-wrapper .sf-menu > li {
border: none;
}
.nav-border-container{
border:none;
}



.nav-wrapper ul li a:hover, .nav-wrapper ul li.current-menu-item a, .nav-wrapper ul li.current_page_item a {
color: white;
}


.content-container {
border-top: 6px solid #D4E6E1;
}
.footer-wrapper {
border-top: 5px solid #D4E6E1;
}


.brd-crm h1, .brd-crm h1 a {
color: #DA5A5A;;
}
.page-top-bg {
height: 185px;
}
.page-top-bg img {
display: none;
}

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.nav-wrapper ul li a:hover, .nav-wrapper ul li.current-menu-item a, .nav-wrapper ul li.current_page_item a {
background: #D4E6E1;
}
.slicknav_nav > li.menu-item-has-children:hover, .nav-wrapper ul.sf-menu li.menu-item-has-children > a:hover, .slicknav_nav li.menu-item-has-children, .slicknav_nav ul li li > li, .slicknav_nav > li.menu-item-has-children {
background: #D4E6E1;
}
.sf-menu ul li {
background: #D4E6E1;
}
::selection {
background: #D4E6E1;
}
li.menu-item-has-children:hover {
background: #D4E6E1 url(images/sub-menu-close-icon-blue.png) no-repeat 95% 50%;
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade