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