Return to previous page

Product images are not all of the same size

This topic has 2 replies, 2 voices, and was last updated 2 years, 5 months ago ago by Olga Barlow

BHI

Participant

July 4, 2022 at 19:25

We have created a page within WP Bakery which is utilizing the “Products” element created by 8 Theme. We have it configured to display as a grid of 3. The images are not being set to all the same height. 1 image is being rendered taller than the rest in the 3 column. If we add a sidebar to the page, the images all render the same height, but we do not want a sidebar on this page.

We also noted that there is a CSS height:auto being set on the base img tag for the entire site from https://bluehiveclients.com/earthwalk/wp-content/themes/xstore/xstore.css?ver=1.0 If you remove that in the developer tools browser inspector the images seem to render the same height.

How can we fix this so all images are the same height on this page?

Please, contact administrator
for this information.

#328653 Copied Theme version: 8.2.2 WooCommerce version: 6.6.1

1 Answer

Olga Barlow

Support staff

July 4, 2022 at 20:06

Hello,

Keep option Stretch images disabled https://prnt.sc/IgVpvldRM4o6 (Theme Options > WooCommerce > Shop > Product styles). Check now.
Also, I would recommend you use all the images with the same proportion before uploading them to your Media. Using images with different proportions for your products messed up the grid layout.

Regards

#328662 Copied
Tagged: best selling themes, high quality, image size, product images, responsive design, woocommerce
Viewing 2 results - 1 through 2 (of 2 total)