Colorway Change Menu Color Tabs and Background?

Can the background color of the navigation menu area and the color of the tabs be changed?

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
background:red!important;
}

Inplace of "red" put your color value.

 

Thanks! That worked great for the tabs. What about the background of the menu area?

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu {
background: green;
}

Inplace of "green" put your color value.

 

Thanks.

Worked great!

Is there a way to make the entire menu area that new background color? How would I change the font color?

 

Put the following code in custom css

Appearance -> theme options -> styling options -> custom css

Code:

.header .menu-bar {
background: black;
}

This code will change the color of the menu background.

Code:

#menu li a {
color: red;
}
#menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected, #menu li.current_page_item a{
color: red;
}
 
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
color: red;
}

This code is to change the text color, you can change the color value according to your requirement.

This will solve your problem.

Thanks.

 

You guys are great! I appreciate y'all so much!