Hello,
I have added a hover for my product image, but the hover is a little bit offset.
Please see this page, the 2nd product: http://imafashionlover.com/?s=hairy+zebra&post_type=product
The hover is not working perfectly. How to fix this?
This topic has 18 replies, 4 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp
Hello,
I have added a hover for my product image, but the hover is a little bit offset.
Please see this page, the 2nd product: http://imafashionlover.com/?s=hairy+zebra&post_type=product
The hover is not working perfectly. How to fix this?
Hello JeanineH93,
product images for that product are smaller that zoom area. Please upload bigger images.
Regards,
Stan Russell.
I have uploaded bigger images, but still the image hover is offset.
It only happens with the photo in the middle. Please see: http://imafashionlover.com/product-categorie/accessoires/
Every photo in the middle shows the error.
Hello,
Sorry, but I don’t see any issues with hover images.
Could you please show a screenshot or video for better understanding?
Thank you.
Regards,
Eva Kemp.
Every photo in the middle is showing a little movement whenever I put my mouse on it.
I have three columns -> 3 photos -> every photo in the middle is showing movement when hovering.
Hello,
Please provide us with WP Dashboard credentials in private content.
Best regards,
Jack Richardson.
Okay thanks for checking
Hello,
As I see you’re using old plugins versions.
Please update them. You can download the latest versions of required plugins here https://www.8theme.com/download-plugins/ .
Also disable all 3rd-party plugins and check hover effect after that.
Best regards,
Jack Richardson.
I have tried but the hover effect is still not working
Hello,
As I see you’re still using old versions of required plugins.
Please update them via FTP in wp-content/plugins directory. Download the latest plugins versions here https://www.8theme.com/download-plugins/ .
Regards,
Eva Kemp.
I have already downloaded all new plugins yesterday. So I’m not using any old plugins..
Hello,
As I see you’re using old versions for plugins Revolution Slider, Ultimate VC Addons. Please update them, upload new versions via FTP in wp-content/plugins directory overwriting old plugins folders.
Regards,
Eva Kemp.
Hi Eva,
Everything is updated but still no difference with the image hover.
Hello,
I’ve just checked hover images and they are working fine.
Please clear browser cache and check again or check with another browser.
Regards,
Eva Kemp.
Hi Eva,
I have cleared the browser cache. In Internet Explorer the hover is working fine, in Google Chrome the hover is not working good.
Hello,
Sorry for a long delay.
I’ve added this code in child style.css file:
.product-image-wrapper.hover-effect-swap img{
backface-visibility: hidden;
}
.product-image-wrapper.hover-effect-swap img.show-image{
backface-visibility: hidden;
}
Clear browser and server cache and check products after that.
Regards,
Eva Kemp.
Thanks that finally helped. Topic can be closed
Hello,
You’re welcome.
Regards,
Eva Kemp.
The issue related to '‘Image hover’' has been successfully resolved, and the topic is now closed for further responses