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 3 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 3 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 a year 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 a year ago

Hi,

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

Best, Marta
Write
Create snippet
Please insert min. 20 characters.
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

We use cookies to offer you a better browsing experience, analyze site traffic, personalize content, and serve targeted advertisements. Read about how we use cookies and how you can control them by clicking "Cookie Settings." If you continue to use this site, you consent to our use of cookies.