I can’t change the color of my navbar in WordPress for the life of me…help a new guy?

[RyanPayne]

Hello all,

My navbar currently looks like this. I’d love to provide a link to the site but my client is wanting to keep it private and locked down until completion. What I’m needing is for the entire bar to be white but I haven’t been able to get there yet. I’m somewhat new to CSS and I’m aware there is likely a few lines of code that would easily fix this but I’ve been unable to discover them yet, so here I am.

Any ideas?

Here is what I’m working with (also, I’m using the WordPress Standard3 theme by 8BIT):

.navbar-fixed-top {

position: relative;

}



.navbar-inner, .navbar .fill {

background-color: #202020;

background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(32, 32, 32)), to(rgb(28, 28, 28)));

background-image: -webkit-linear-gradient(top, rgb(32, 32, 32), rgb(28, 28, 28));

background-image: -moz-linear-gradient(top, rgb(32, 32, 32), rgb(28, 28, 28));

background-image: -o-linear-gradient(top, rgb(32, 32, 32), rgb(28, 28, 28));

background-image: -ms-linear-gradient(top, rgb(32, 32, 32), rgb(28, 28, 28));

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#202020', EndColorStr='#1c1c1c');

}



.navbar .nav > li > a {

background-color: #ffffff;

color: #000;

padding: 11px 10px 10px;

}



.navbar .nav {

margin-left: -10px;

background-color: #ec9208;

}



#social-networking {

float: right;

margin-right: -10px;

}



.navbar .social-icons > li {

margin: 12px 0 12px 12px;

padding: 0;

line-height: 0;

}



.navbar .social-icons > li a {

margin: 0;

padding: 0;

line-height: 0;

}



#menu-under-header {

margin: 0 0 20px;

z-index: auto;

}



/* Navbar collapse styles */



.btn-navbar {

float: left;

margin-top: 0 !important;

}

Thanks!
Ryan

[Senff]

Change this:

.navbar-inner, .navbar .fill {

background-color: #202020;

background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(32, 32, 32)), to(rgb(28, 28, 28)));

background-image: -webkit-linear-gradient(top, rgb(32, 32, 32), rgb(28, 28, 28));

background-image: -moz-linear-gradient(top, rgb(32, 32, 32), rgb(28, 28, 28));

background-image: -o-linear-gradient(top, rgb(32, 32, 32), rgb(28, 28, 28));

background-image: -ms-linear-gradient(top, rgb(32, 32, 32), rgb(28, 28, 28));

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#202020', EndColorStr='#1c1c1c');

}

To this:

.navbar-inner, .navbar .fill {

background-color: #ffffff;

}

[RyanPayne]

So I switched out the code and nothing seemed to happen. I’m wondering if there is another area in my style.css file that needs to be changed or if I’m just missing something. Thanks for the input!

[Author]

Posts