change the color of main menu

How do I change the color of the main menu and drop down if I want my own color instead of the default color options that the theme came with? I do NOT want to change the theme color via drop down in styling options, I want to use my own hex code to use my brand color. Please advise.

 

Hello,

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

Code:

.menu_wrapper {
background: red;
}
#menu .ddsmoothmenu li > ul {
background: red;
}

Change color in above code according to you and use above code.
On hover of menus an arrow shows that is an image so you have to change color of image by any tool or software, you will find many color in that image in following location.
blackbirdtheme ==> css ==> color ==> images

Code:

#menu li.current-menu-item a, #menu li.current_page_item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover {
background: url(images/menutip.png) bottom center no-repeat;
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Works! Thanks!