Tagged: aspect ratio, Flexible Masonry, image hover, masonry shop, second, size, woocommerce
Hello,
I’m creating an ecommerce site and utilizing the Masonry element to display products, currently the element is set to display Flexible Masonry, however this is causing issues as when you hover on the image the secondary image is shown at a different aspect ratio, so the original image is also visible.
Is there a way I can make the second element cover the original images size? This is an issue as the title doesn’t move, so it is sometimes at the bottom of the image rather than centered.
Hey haydaw,
Thank you for using Enfold.
Please provide the actual link to the page instead of the preview url. Or post the login details here so that we inspect the issue.
Best regards,
Ismael
Hi Ismael,
Sorry, I did not realize I posted the preview link. Please see the page here: http://katzmodern.haydendawkins.com/products-cat/furniture/
To be specific, you are looking at the 1st column, 3rd row item, American Solid Wood End Tables.
When you hover over the item, you will see the next image appear however the first image is still visible. Even if you were to hide the first image, the overlay will still be too large.
Thanks
Hi,
Please resize the overlay image to be exactly same as the default image.
You can add white space on top and bottom of the image to fit the table inside the image in same dimension as the default image.
Best regards,
Vinay