Topic: overlay hover effects on image not workin

Sadia Gondal free asked 6 years ago

<div class="row">
 <div class="col-md-7">
 <div class="view overlay hm-red-light z-depth-1-half">
      <img src="img/pic.jpg" class="img-fluid " alt="">
      <div class="mask flex-center">
        <p class="white-text">slider </p>

Ollie Vincent pro answered 6 years ago

Hi, I am assuming you are using mdb 4.5? They changed some of the syntax so old code that would've worked in 4.4 may not work in 4.5. I believe the changed syntax is:
<div class="view overlay">

<img src="img/pic.jpg" class="img-fluid " alt="">

<div class="mask flex-center rgba-red-light">

<p class="white-text">Light overlay</p>


demos can be found here: Thanks

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: Other
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No