 <p>Have you tried adding the <code>!important</code> tag on each CSS line in order to tell the element to override bootstrap?</p> <p>Something like this:</p> <pre><code>.navbar-override { background-color: #006633 !important; background-image: -moz-linear-gradient(top, #006633, #006633) !important; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006633), to(#006633)) !important; background-image: -webkit-linear-gradient(top, #006633, #006633) !important; background-image: -o-linear-gradient(top, #006633, #006633) !important; background-image: linear-gradient(to bottom, #006633, #006633) !important; border-color: #006633 !important; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff006633', endColorstr='#ff006633', GradientType=0) !important; } </code></pre> <p>Typically not the best way to do this, but I think it should work.</p>