Thanks for the response Mikolah. I did try wrapping the .card-body by .card but that didn't make a difference. The only thing I have been able to pin it down to is the use of .card-columns. When I stop using that, then the ripples work. But I need to use the .card-columns layout to space the cards around each other better. Do you know if there is some conflict with the .card-columns class?  

---

Hi, In our documentation there is the same code in basic card and everything is working correctly: https://mdbootstrap.com/components/cards/ Have You tried to wrap .card-body by .card? There could be a problem while it is the same element as in Your example. Best Regards

---

Hi Mikolaj, I'm also having this problem and wondered if you were able to resolve it. Here is an example of the problem (note that the button in the card does not have a ripple effect, while the button outside the card does have the effect):

<div class="card-columns">
   <div class="card card-body">
      <a class="btn-floating btn-sm blue-gradient waves-effect waves-effect"><i class="fa fa-star"></i></a>
   </div>
</div>

<a class="btn-floating btn-sm blue-gradient waves-effect"><i class="fa fa-star"></i></a>

---

Hi Jack McDonagh, Please send me Your code to m.smolenski@mdbootstrap.com or paste it here. I'd like to investigate it to find the solution for You. Regards

---