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 https://mdbootstrap.com/support/disable-waves/

Anyone please help


Jakub Strebeyko staff answered 4 years ago

Hi,

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’]);
Waves.init();

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

With Best Regards,
Kuba


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