Image Hover and Row Padding problem on "Model" Demo
Hi there.
I'm having problems with the Model Demo. Just after I imported demo data I noticed a problem while doing hover on the images, they kind of "move" and while on hover position a blank space is left on the side of the image. Second, seems that unlike on the original demo, the images don't fill the row vertically. A blank space is left under the images and even if I tried to reduce or delete any padding on the section configurations, the space doesn't disapear.
Here's the URL of my website: http://wp.zetticancun.com/
Would it be any kind of JavaScript, CSS or Plugin conflict? Any ideas of what should I test to find the problem? Any CSS line that could fix this?
Thanks!
I'm having problems with the Model Demo. Just after I imported demo data I noticed a problem while doing hover on the images, they kind of "move" and while on hover position a blank space is left on the side of the image. Second, seems that unlike on the original demo, the images don't fill the row vertically. A blank space is left under the images and even if I tried to reduce or delete any padding on the section configurations, the space doesn't disapear.
Here's the URL of my website: http://wp.zetticancun.com/
Would it be any kind of JavaScript, CSS or Plugin conflict? Any ideas of what should I test to find the problem? Any CSS line that could fix this?
Thanks!
Comments
to remove this padding, please use below css:
.hover_box { line-height: 0 !important; }But images are moving because of css. This always happen on images with hover effect and this can not be changed unfortunately.Thanks again.