This is the code that is used to style the toolbar

body div#es-wrap .es-toolbar .navbar-inner {

    background-color: #6AA8DC;

    background-image: linear-gradient(to bottom, #6BAEE2, #699ED4);

    background-repeat: repeat-x;

    border: 1px solid #6CA0D9;

    border-radius: 3px;

    height: 35px;

    min-height: 35px;

    padding-left: 0;

    padding-right: 0;

    position: relative;

}

Thanks Mark,

And this is located where? In the backend of ES wireframe theme?

Randall, rather than modifying the css file, you should add these css files into your template's css file

Mark:
Are you sure about this code? I added it to my template.css file and there was no change...

body div#es-wrap .es-toolbar .navbar-inner {
background-color: #FF0000;
background-image: linear-gradient(to bottom, #FF0000, #aa0000);
background-repeat: repeat-x;
border: 1px solid #6CA0D9;
border-radius: 3px;
height: 35px;
min-height: 35px;
padding-left: 0;
padding-right: 0;
position: relative;
}

I copied and pasted from your code window above and then changed a couple of color codes to see what happened, flushed the cache and there was no change. Can you re-look at the code and see if another tweak is needed?
Thanks in advance!
Michael Leavitt - Orem, Utah - http://www.TheHomeInspector.com - Michael Leavitt & Co Inspections, Inc.

Oops... I modified the wrong template file. I should have hit the refresh button on my FTP program before I modified the wrong file.
Thanks again!
Michael Leavitt - Orem, Utah - http://www.TheHomeInspector.com - Michael Leavitt & Co Inspections, Inc.

Okay, I got part of it. Is there more code for the right search portion of the bar? See attached image.
Michael Leavitt - Orem, Utah - http://www.TheHomeInspector.com - Michael Leavitt & Co Inspections, Inc.

Hello Michael,

You should actually use Firebug to inspect the toolbar It's extremely easy and fun too. You can use the selector below to style the searchbox

body div#es-wrap .es-toolbar .es-navbar-search{

}