Hi guys,
getting the images to line up properly, resize automatically, look correct in the woocommerce shop inside enfold if driving me crazy.
the site to check it out is here:
http://bellussi.com/shop/belcanto
The issue is this: on the product listing page all the images have different heights and do not line up properly. For some reason some image I can see the whole bottle and these are higher but if I add a new image it zooms in and some ne only part of the bottle.
Then on the product page I have a huge image – I would like to see only about 60% of the image.
I tried paying with the image size settings (see screenshot) but whatever I put nothing changes. Yes, I also regenerate the thumbnails each time and this takes HOURS, so I even delete and reload the image only for one product to test image sizes only on that image until I find the right size. but as I said, nothing happens.
PS I’ wondering if the issue is more complex because for example as you see in the settings page I have set 3 columns only but I have 4 columns on the page anyway.
Any help on how to make it look like a proper image?
Thanks.
SETTINGS:
Sample Layout:
Hey jenki!
We can give you some CSS to force their sizes.
.thumbnail_container img {
height: 300px !important;
}
But that’s going to make them look distorted since the image sizes your using are very different. It would be best to crop them before uploading.
Regards,
Elliott
Solved. Tnx