Topic: Updating styles in Node css not applying to deployed Heroku App but working in local browser
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
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:
- Try to overwrite this class in your custom CSS file
- 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!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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