how to remove waves effect on buttons with .btn class

Topic: how to remove waves effect on buttons with .btn class

Avinash Dv asked 4 years ago

Need suggestion to remove the waves-effect on buttons by default,

I have already gone through this

Anyone please help

Jakub Strebeyko staff answered 4 years ago


What is the file you attach to your project? If, by any chance, it is mdb.min.js, then it still contains the commented out

Waves.attach(‘.btn, .btn-floating’, [‘waves-light’]);
Waves.attach(‘.view .mask’, [‘waves-light’]);
Waves.attach(‘.waves-light’, [‘waves-light’]);
Waves.attach(‘.navbar-nav a, .nav-icons li a, .navbar form, .nav-tabs .nav-item’, [‘waves-light’]);
Waves.attach(‘.navbar-brand’, [‘waves-light’]);
Waves.attach(‘.pager li a’, [‘waves-light’]);
Waves.attach(‘.pagination .page-item .page-link’, [‘waves-effect’]);

part. You need to either attach the mdb.js that you just edited instead, or minify it.

With Best Regards,

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: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes