Css class bg-primary cannot be overwritten

Topic: Css class bg-primary cannot be overwritten

Adrian Ghita asked 2 years ago

Expected behavior: bg-primary should be overwritten by my styles.scss, just as text-primary is overwritten enter image description here

This happens everywhere in my app, so I don't think it's related to a specific component. This is the tag that seems to overwrite my styles: enter image description here

Of course, all bg-* classes suffer from the same behavior.

Let me know if I can provide any more help.

Regards, Adrian G.

Arkadiusz Idzikowski staff commented 2 years ago

Could you provide more information about the MDB components used in this specific application view? The styles inside <style> tag are loaded for specific components (in this case it looks like the modal is causing the problem).

As a workaround, you can try to use styling rule with higher specificity. For example, add a custom class to the body tag and update your selector with bg-primary to: .custom-class .bg-primary {}

Adrian Ghita commented 2 years ago

Yes, I think too that the modal is causing the issue. I will try your fix until the issue is fixed on your side.

Thanks, Adrian G.

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
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 10.1.1
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No