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>
      </div>
 </div>
 </div>
</div>

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>

</div>

</div>
demos can be found here: https://mdbootstrap.com/css/hover-effects/ Thanks


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

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