Color change of the menu bar and the body background

Can anybody help me out on this?

Please check the footer 1 as well.

I want the menu items and the quick links to come side by side. How to do that and which file to edit.

I think this will do most of what you want:

.navbar-inner {
    background: #F25C27;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.tc-header.clearfix.row-fluid {
    background: #F25C27;
}
.site-logo img {
    width: auto;
    height: auto;
}
.navbar .nav > li > a {
    color: #fff;
    text-shadow: none;
}
.navbar .nav > li > a:hover {
    color: #fff;
    background: #000;
}
.caret {
    border-top: 4px solid  #fff;
}
.navbar .nav li.dropdown .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}
.navbar .nav li.dropdown > a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-wrapper .navbar h2 {
    color: #fff;
    text-shadow: none;
}
.social-block a {
    color: #000;
    text-shadow: none;
}

Hi batharoy,

How do you get the menu tabs to stay highlighted when you click on a page tab in the menu bar, for example, when you mouse over a tab it highlights the tab but when you go to the page, the tab it goes to doesn’t stay highlighted

Ah! Thats Quite a something!

But My question is in which php file I need to put this code in? header.php or any stylesheet?

Here britney has cited an interesting point. Suppose if I need to keep the current tab highlighted like we do in HTML with an active attribute. what can we implement in this case? any suggestion?

Hi, you add this code in custom css option, click the “Customize it” then click Custom CSS, add the code.

/*Dropdown menu background and hover colors*/
.dropdown-menu > li > a {
    color: #fff;
    background: #000;
}
.dropdown-menu > li > a:hover {
    color: #fff;
    background: #F25C27;
}
.dropdown-menu {
    background-color: #000;
    border-radius: 0;
}
/*Current page menu item*/
.navbar .nav > li.current-menu-item > a{
    color: #fff;
    background: #000;
}
/*Content background*/
.entry-content {
    background: #ccc;
    padding: 10px;
}

Thanks!:)

It really worked good for the header, Can I make the entire body Black? and how to change the fond family for the entire theme?

I want it to be in ‘Open Sans’, sans-serif(Color #707070) similar to my Home Page.

And if you go and look into the wordpress menu here, the submenus are coming like the same it was only the parent menus got changed, any idea how the submenus can be made the same?

Opps ! I missed the last post. Thanks so much. ??

Hi Bathroy

The last code didnt make any difference! ??

https://www.rhododendron.in/wpdir/

Last changes did show when I refreshed the page.

/*Sidebar widget icons orange*/
.widget h3:before {
    color: #F25C27;
}
/*All links orange color*/
a {
    color: #F25C27;
}
/*Body background black*/
body {
    background: #000;
}
/*Removes text shadow for a cleaner text look*/
* {
    text-shadow: none !important;
}

For the footer menu and links.
Those are footer widgets, go into Appearance > Widgets
You should see them both under footer widget 1, move one of them to footer widget 2.

This code almost worked. But there is a prob. See the featured images of all the posts. they come with white squares! and the magnification looks weird.!

Sorry thats so much to ask! Am really sorry for the toil.

/*Font color and style*/
body {
    color: #707070;
    font-family: 'Open Sans', sans-serif;
}