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/

Anyone please help

Jakub Strebeyko staff answered 7 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

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