Question regarding product image on hover
-
Hello,
I recently added a shadow and zoom effect on hover for my products. However, there’s a small issue I haven’t been able to fix—the image slightly extends beyond its container. You can see what I mean in the screenshot below.(product on the right is on the hover)
I’ve tried to resolve it, but I haven’t had any success. Could you take a look at the code or let me know how to fix it? The login details are provided below.
Attachments:
You must be
logged in to view attached files.
Hello,
Please navigate to Theme Settings > Products Archive > Products Styles, disable the option “Image Hover” and check the issue.
Best Regards
Hello, it still persists unfortunately. (see screenshots below)
Attachments:
You must be
logged in to view attached files.
Hello,
Try to remove the following custom css code from Theme Settings > Custom CSS and check the issue.
.wd-product:hover img {
transform: scale(1.08) !important; /* Mărire subtilă, dar vizibilă */
}
Best Regards
Thank you for the support, but this eliminates the zoom. I was wondering if there exists a fix, that lets me keep the image zoom on hover, and eliminates the extension of the image(as you can see in the screenshot below, in the bottom). thank you.
Attachments:
You must be
logged in to view attached files.
Hello,
You can remove the custom css code for this styling. Then please navigate to Theme Settings > Products Archive > Products Styles, use the option “Image Hover” and check the issue.
If you have any questions feel free to contact us.
Best Regards
So there is no way to keep to custom css but make the image extension disspear?
Hello,
I have checked your site, and it seems that the image zoom on hover is no longer active, and the image extension issue has been resolved. You might have added custom CSS that affected this behavior.
Best Regards,
Hello,
Great! Let me know if you need any further assistance. I’m happy to help!
Best Regards,
.
