Help with CSS

[blackviper]

I want to change the color of the menu bar from black to green or other color ... where do I change this in CSS? Use the template Default

[Roger]

look at bootstrap.css around line 1407.

[Justine]

You can always use a text editor and search for:

 

.topbar-inner, .topbar .fill {

 

which will quickly put you in the right area.

[eldar859]

Hey guys and girls... i have found this

.topbar-inner, .topbar .fill {

background-color: #95cb56;

background-color: #95cb56;

background-repeat: repeat-x;

background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));

background-image: -moz-linear-gradient(top, #333333, #222222);

background-image: -ms-linear-gradient(top, #333333, #222222);

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0096ff), color-stop(100%, #222222));

background-image: -webkit-linear-gradient(top, #333333, #222222);

background-image: -o-linear-gradient(top, #333333, #222222);

background-image: linear-gradient(top, #333333, #222222);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);

-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);

-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);

box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);

}

 

 

and change the back ground color but it doest change the color... what else could be wrong?

[Peter M Dodge]

Hey guys and girls... i have found this

.topbar-inner, .topbar .fill {

background-color: #95cb56;

background-color: #95cb56;

background-repeat: repeat-x;

background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));

background-image: -moz-linear-gradient(top, #333333, #222222);

background-image: -ms-linear-gradient(top, #333333, #222222);

background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0096ff), color-stop(100%, #222222));

background-image: -webkit-linear-gradient(top, #333333, #222222);

background-image: -o-linear-gradient(top, #333333, #222222);

background-image: linear-gradient(top, #333333, #222222);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);

-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);

-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);

box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);

}

 

 

and change the back ground color but it doest change the color... what else could be wrong?

 

You'll need a hex code for a "light" version of the colour you want, then a "dark" version. Then, change the two numbers in the "linear-gradient" styles to those numbers. That should do it.

 

Alternatively if you want it to just be a flat colour, not a gradient, just remove those styles.