Twitter Bootstrap overwriting css -
i using twitter bootstrap wordpress. bootstrap outputs following css in bootstrap.css
.navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; border-color: #252525; filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ff222222', endcolorstr='#ff111111', gradienttype=0); }
if want override code in style sheet, have specify every class element? example, if want nav bar totally black - no gradients etc - there quick way without copying every class attribute above , changing every hex value #000000?
i believe enough following override background properties baked twitter bootstrap:
.navbar-inverse .navbar-inner { background: none }
the background
property considered short hand simple declaration should work properly.
the background
property's shorthand usage such:
.navbar-inverse .navbar-inner { background:#000 url('/path/to/image.png') no-repeat 100px 100px scroll; }
this 1 simple property can declare , override background-color
, background-image
, background-repeat
, background-position
, background-attachment
, , background-clip
@ once!
also!! may idea make selector within stylesheet bit more specific ensure don't run specificity issues.
here's jsfiddle example: http://jsfiddle.net/f5yyj/1/
Comments
Post a Comment