CODEWITHSUNDEEP
csstwitter-bootstrap
andilabs
andilabs

Reputation: 23281

How to override twitter bootstrap color in all the elements?

I am using twitter-bootstrap-3 and I would like in all places where these default color #428bca override it to some other.

enter image description here

I wouldn't make it manually in CSS for each component I need, I would rather not go also for generation of customized bootstrap version, I would like make this change in one place, so that if I change my mind for some other color it is extremly fast to change.

I consider even brutforce replace all #428bca to my color. Will it work?

Upvotes: 0

Views: 2644

Answers (2)

Iansen
Iansen

Reputation: 1268

Find and replacing all the color codes would work. If you want to change a variable once and the changes to propagate through all the CSS rules you should look into SASS or LESS.

Upvotes: 1

Razvan B.
Razvan B.

Reputation: 6771

Well, if you are using less or sass you could overwrite the color just once in there. Otherwise, I can't think of any other method.

However, if you are not using less or sass, you can customize the entire bootstrap before downloading it:

http://getbootstrap.com/customize/#colors

Upvotes: 1

Related Questions