Return to previous page

Product image hover effect not ideal when secondary image not same ratio

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

ap1011

Participant

December 15, 2016 at 22:20

maybe consider having a white background on hover if second image is not the same ratio (size) as first? see attached gif as example of issue

Please, contact administrator
for this information.

#149244 Copied Theme version: 3.2

1 Answer
Olga Barlow

Support staff

December 16, 2016 at 15:38
Hello,

We don’t know the bg color of the hover images of our customers that’s why we can’t add the color by default.

But you can add the custom CSS below to change it on your site
```
.content-product .product-image-wrapper.hover-effect-swap .image-swap {
    background-color: white;
    height: 100%;
}
```
Regards
#149306 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

Kids Store – WooCommerce Theme

lazy-placeholder

Organic Store 01 – WordPress WooCommerce Theme

lazy-placeholder

Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Meeting – WordPress Theme

lazy-placeholder

Minimalist Outfits – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store (Dark) – WordPress WooCommerce Theme

lazy-placeholder

Business 02 – WordPress WooCommerce Theme

lazy-placeholder

Pet Shop – WordPress WooCommerce Theme

lazy-placeholder

Drinks Store – WordPress WooCommerce Theme

lazy-placeholder

Handmade Store – 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.