Search code examples
htmlcsstwitter-bootstrapmaterial-designbootstrap-material-design

How to override background of Bootstrap Material Design theme?

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!

Solution

  • 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;