Customization layout (product image width and summary width) on product page

Hi, I would like to know how do I customize product page layout.

I know I can change product image width from theme setting->product page->images.
My current “product image width” is set to medium, but I found that the image size is too large if I set it to medium and too small if I set it to small.

I would like to know what are the customize css codes to make the the image layout to 41% and the summary layout to 59% on the product page (only for desktop and tablet).

Thanks.

Hello,

Please set the largest immage and add this code to the Theme Settings > Custom CSS > Global:

.product-image-summary .col-lg-8{
max-width:40%;
}
.product-image-summary .col-lg-6{
max-width:40%;
}

Set the width as per your needs.

Best Regards

[Author]

Posts