how to remove waves effect on buttons with .btn class

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: how to remove waves effect on buttons with .btn class

Avinash Dv asked 7 years ago

Need suggestion to remove the waves-effect on buttons by default, I have already gone through this https://mdbootstrap.com/support/disable-waves/ but of no use. Any other way to do so

Marta Szymanska staff pro premium answered 7 years ago

Hi, if you comment this line in mdb.js: Waves.attach('.btn:not(.btn-flat), .btn-floating', ['waves-light']);, safe the file and minify it will work. If you don't minify mdb.js file, please remember to use in your index.html this script <script type="text/javascript" src="js/mdb.js"></script>. Best, Marta

webgenery commented 5 years ago

This is not easier to add a class 'no-waves' and did something like that ? Waves.attach('.btn:not(.btn-flat):not(.no-waves)

Maybe add this in next version to avoid making manual changes in mdb.js

Marta Szymanska staff pro premium commented 5 years ago

Hi,

thank you for your suggestion, we will think about it.

Best, Marta
Write
Create snippet
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: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
About author
Avinash Dv
0Support score
2Questions 0Answers
0Snippets likes 0Snippets