Image Hover Overlay Functionality

Hey iovacomm!

Thank you for visiting the forum.

This issue has been reported before. Please edit the image code, replace the inline style of the link tag from display: block to display: inline-block. Check this one for example:

<a href="#" style="position: relative; overflow: hidden; display: block;"><img style="margin-top: 20px;" src="http://iovanbs.staging.wpengine.com/wp-content/uploads/2014/07/pic1.jpg" (hosted on WPengine) alt="" width="250" height="140" data-wp-imgselect="1"><span class="image-overlay overlay-type-extern" style="left: 21px; top: 20px; overflow: hidden; display: block; height: 140px; width: 260px;"><span class="image-overlay-inside"></span></span></a>

This should be like this:

<a href="#" style="position: relative; overflow: hidden; display: inline-block;"><img style="margin-top: 20px;" src="http://iovanbs.staging.wpengine.com/wp-content/uploads/2014/07/pic1.jpg" alt="" width="250" height="140" data-wp-imgselect="1"><span class="image-overlay overlay-type-extern" style="left: 21px; top: 20px; overflow: hidden; display: block; height: 140px; width: 260px;"><span class="image-overlay-inside"></span></span></a>

Or better if you remove the inline style altogether.

Best regards,
Ismael