FIXED product image height

Hello,
I need to set a fixed product image size in the product page, similar to:
https://www.artsy.net/artwork/angel-otero-ornamental-winds-1
Where the product image is center in the row, and is always a fixed height, so the image is always visible.

Thank you

Hello,

I visited the URL you provided. You can change the product image layout from Theme Settings >> Product Page >> Images.

Screenshot for Clarification: https://ibb.co/dK5w4r7

To set the product image of fixed height you need to use product images of the same height.

Best Regards.

No, I cant use product images of the same height because each artwork has different size images.
That is why I need to modify the CSS to make a fixed height of the Div where the image is loaded.

any help?
thanks

Hello,

You need to add the following Custom CSS code in the Custom CSS for desktop area under Theme Settings >> Custom CSS.

.woocommerce-product-gallery__image {
height: 400px;
}

Best Regards.

That didnt work.
That changes the container of the gallery, not the image.

this works:

.product-images img{
    width: auto;
    height: 480px;
	display:block;
    margin:auto;
}

Hello,

We are Glad that you resolved the issue by yourself. You are Great!

As far as this CSS code works for you then you can use it.

Is there anything else that we can help you with??

Best Regards.

[Author]

Posts