Disable waves effect on mask


Topic: Disable waves effect on mask

diworm asked 6 years ago

Hi! I want add flex-centered text on my paralax, I try to do this with mask:
<div class="view">
    <section class="parallax" id="section1"></section>
    <div class="mask flex-center">
        <p class="text-white">test</p>
    </div>
</div>
And all ok, but after do this - when clicking I see waves effect. How I can disable waves effect on mask?

Bartłomiej Malanowski staff pro premium answered 6 years ago

Remove following code from your mdb.js file: Waves.attach('.view .mask', ['waves-light']);

Xeevis pro answered 5 years ago

If you hate to make edits on libs you can use jquery $(".view .mask").removeClass("waves-effect waves-light"); In v0.8.0 waves lib will have Waves.detach if it ever gets released (#159)
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: No