Return to previous page

Image Overlap on Hover - by awdigital - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 8 years, 4 months ago ago by Olga Barlow

awdigital

Participant

October 26, 2016 at 22:56

Hi, On the product category page, when hovering over image thumbnails, I understand the images change to the second product image from that product’s gallery; but in my case they seem to be overlapping. Please see link to get an idea of what I’m referring to.

Please, contact administrator
for this information.

#144060 Copied

1 Answer

Olga Barlow

Participant

October 27, 2016 at 09:22

Hello,

It’s because you use .png images with transparent bg for your hover image. To fix this situation you either need to add the following code in Theme Options > Styling > Custom CSS
.content-product .product-image-wrapper.hover-effect-swap .image-swap {background-color: #fff;}
or replace images and use images with bg.

Regards

#144108 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Minimal Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Marseille 02 – WordPress WooCommerce Theme

lazy-placeholder

Real Estate – WordPress WooCommerce Theme

lazy-placeholder

Application – WooCommerce Theme

lazy-placeholder

Minimal Fashion 03 Store – WordPress WooCommerce Theme

lazy-placeholder

Digital Marketing – WordPress WooCommerce Theme

lazy-placeholder

Cocktails Store – WordPress WooCommerce Theme

lazy-placeholder

Kids Toys Store – WordPress WooCommerce Theme

lazy-placeholder

Cosmetics Store – WordPress WooCommerce Theme

lazy-placeholder

Zoo Shop – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.