Topic: MDBReact Change Button background-color style priority asked 1 year ago

Expected behavior

I can use the css file in my app to add a class to an MDBBtn that changes the background-color of the button to one of my choice (for my example, attempting to change it to 'black' to confirm it works).

Also tried changing the color with the class '.btn-primary'

Actual behavior

The color does not change

Resources (screenshots, code snippets etc.)

css class css class in use resulting button

Krzysztof Wilk staff answered 1 year ago



.btn-primary { background-color: black; }


.save-button { background-color: black; }

rules work as they are intended to. Just remember to import your CSS stylesheet before the MDB compiled CSS files to keep the cascading rules. In the other case, our CSS will overwrite yours and it can cause problems like that one :) priority commented 1 year ago

Ah I understand now, didn't realize I had to import it before. Thank you!

Edit: This worked as intended in one app, but not another (the images above). For that one I ended up having to also put the change at the top of my css file. I'm not sure how the rules with that work exactly, but having it at the bottom had no effect.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 4.1.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No