This topic is: resolved
-
if you look at the screenshot attached, you will see that my images are being set to 100% width and the height is being cropped out. It is happening for both the main product image and the Related Product images.
How can we change the css so that the images are set to a HEIGHT of 100% but we keep the image box ratio the same so that some product images are not wider than others?
So if the space to display the image (the container) is 250×300, I want the image to display at 100% height, and even if the width of the image is not 250px, it will still be displayed in a container that wide? this will greatly improve the layout of the categories and related items as well as the main product image