menu background color

Hi Guys!

I am using the Woodpecker theme, and have selected "blue" for the theme color. But, my client has asked if I can change the color of the menu bar to match the darker blue from the footer. I'm looked through the forums and haven't found anything that works.

Here is the url:

http://yourfreehvacwebsite.com/

is the web address.

Thanks!

Chris

 

Hi,

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

Code:

.nav-wrapper {
background: #121C2F;
}
.nav-border-container {
border-top: 1px solid #313D53;
border-bottom: 1px solid #313D53;
}

Thanks,
Praveen

 

Hi Praveen,

That worked to a point...but if you look at the site now, you'll see there is a one pixel border that is a lighter blue, and the drop downs are also still the light blue. Can that be changed to better match the new color?

Thanks

 

Hi,

Please 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: #212C42;
}
.sf-menu ul li {
background: #212C42;
}
.nav-wrapper {
background: #121C2F;
}
.nav-wrapper .sf-menu > li {
border-right: #313D53;
border-top: #313D53;
border-bottom: #313D53;
}
.nav-border-container {
border-top: 1px solid #313D53;
border-bottom: 1px solid #313D53;
}
::selection {
background: #212C42;
}
li.menu-item-has-children:hover {
    background:#212C42 url(wp-content/themes/woodpeckertheme/images/sub-menu-close-icon.png) no-repeat 95% 50% ;
}

Thanks,
Praveen

 

Hey Praveen,

Thanks! That worked perfectly. Appreciate your help.

Chris