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 7 years, 6 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

Support staff

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

Engineer Store – WordPress WooCommerce Theme

lazy-placeholder

Baby Shop – WordPress WooCommerce Theme

lazy-placeholder

Concert Store – WordPress WooCommerce Theme

lazy-placeholder

Ecotransport Store – WordPress WooCommerce Theme

lazy-placeholder

Games Store – WordPress WooCommerce Theme

lazy-placeholder

Landing Watch – WordPress WooCommerce Theme

lazy-placeholder

WooPress Fullwidth

lazy-placeholder

Minimal Fashion 03 Store – WordPress WooCommerce Theme

lazy-placeholder

Headphone Store – WordPress WooCommerce Theme

lazy-placeholder

Electron Store 01 – WordPress 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.