Align Images

Support
#1

Is there a way to align product images to the middle of the space? At the moment, because of the varying dimensions on my products, some appear in the centre, some at the top?

#2

Hi there,

Please back up your website completely and update the X theme to version 6.0.4 and the Cornerstone to version 3.0.4 and if you are using Pro to version 2.0.4.

Then update the Woocommerce to version 3.3.3. Then go to Appearance > Woocommerce > Product Images and set a solid image width/height for the thumbnails.

That will force the images to be all of the same sizes.

Another alternative is to use the object-fit and Flex feature of CSS to fix the issue, but that will need the URL to the exact page that you gave the screenshot of to follow up.

Thank you.

#3

Thanks for the reply.

Tried this and it doesn’t seem to work. Even tried hard cropping, but the images don’t change?

Rather than focus on the image sizes, is there anyway to align the images themselves within the product card space? i.e. align a thin horizontal image (like the one in the screenshot above), to the middle of the space, rather than the top?

Thanks

#4

Hi There,

Please provide us your shop page URL so we can take a closer look.

Thanks,

#5

Hi @Friech, there are quite a few pages with products on them. I’ve linked a few below:



#6

Hi There,

The correct way to achieve this is to edit all your images with Photoshop or similar software.

Have them all with the same size and already centered there.

That is the cleanest and the best solution which will bring balance to your design troughout the site.

Hope it helps!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.