0

I've built a website using bootstrap, and I now want to use the Bootstrap Material Design theme for its sexy components. So I included the css and js in my <head>, which immediately changes a lot of things in my website, such as the background and the navbar.

Unfortunately I do not want to use the background or the navbar of the theme. Does anybody know how I can override or "disable" the theme's navbar and background?

All tips are welcome!

T J
  • 42,762
  • 13
  • 83
  • 138
kramer65
  • 50,427
  • 120
  • 308
  • 488
  • 1
    yes, comment that part out of the css – Scott Selby Jul 15 '15 at 19:34
  • @ScottSelby - But I don't want to do that because the theme might get updates and I use a CDN. – kramer65 Jul 15 '15 at 19:36
  • so you do this order , bootstrap css then this theme you want , then the css overriding the parts you don't like. – Scott Selby Jul 15 '15 at 20:22
  • you asked a pretty bad question that could of very easily been solved on your own with google. Then you get a couple good answers and don't accept any or upvote or leave any comments. Thats not very nice, people posting answers I think were going out of their way to ignore to low question quality and still answered – Scott Selby Jul 16 '15 at 12:04

2 Answers2

1

You can override it by going into your new theme. Find the background and navbar in the css file of your new theme and simply use "!important" to override this.

Example:

background: white !important; 
Source Code
  • 288
  • 1
  • 2
  • 16
1

find all unwished components, copy and paste them into your own css file, change the values and include it as latest into the header section. hope this helps

Fabio Guerrazzi
  • 164
  • 1
  • 5