Topic: Updating styles in Node css not applying to deployed Heroku App but working in local browser

webdevsam free asked 1 year ago


Expected behavior Updated styling for primary button colors in mdb-react-ui-kit -> dist -> css -> mdb.min.css. Expect the button colors to be green with a grey hover effect.

Actual behavior Buttons set to color primary appear with background green and hover color of grey in localhost but not on Heroku where our test app is located. Resources (screenshots, code snippets etc.)

Heroku app: https://boe-texas.herokuapp.com/ Github repo: https://github.com/Web-Dev-Jr/snax-boe-texas


Krzysztof Wilk staff answered 1 year ago


Hi!

I'm afraid Heroku is installing dependencies on its side once again, so your changes in the node_modules folder are overwritten. To avoid that you can:

  1. Try to overwrite this class in your custom CSS file
  2. Install and use SASS - you can find the guide for that here: https://mdbootstrap.com/docs/b5/react/content-styles/theme/

Hope it'll help you :)

Keep coding!



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: MDB5 1.3.0
  • Device: PC
  • Browser: Google
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes