Return to previous page

Product image proportions - by andy80 - on WordPress WooCommerce support

This topic has 9 replies, 2 voices, and was last updated 2 years, 11 months ago ago by andy80

andy80

Participant

May 1, 2021 at 22:03

Hi,

I’m using square images for product gallery (1024x1024px), but botom border for main image is lower then image edge. In xstore image settings I’ve set 1:1. Help me please fix that.

#286081 Copied Theme version: 7.2.8 WooCommerce version: 5.2.2

8 Answers

Robert Hall

Support staff

May 2, 2021 at 10:51

Hello Andy80

Thank you so much for contacting us!

As for product image issue is concerned Can you please send us your website URL where you are facing this issue so that we will guide you better.

Robert Hall
Customer Support.

#286107 Copied

andy80

Participant

May 2, 2021 at 13:27

Hi Robert,

you will find website url in the private content area.

Best
Andy

Please contact administrator
for this information.

#286121 Copied

Robert Hall

Support staff

May 2, 2021 at 19:21

Hello

Kindly remove the following border in custom CSS or additional CSS https://prnt.sc/12eehod

If this doesn’t work or you have more questions, just let me know, and I’ll be happy to help!

Robert Hall

#286147 Copied

andy80

Participant

May 2, 2021 at 21:35

Hi Robert,

this is some kind of solution but if I use packshot with white background it’s not look so nice without border… I’ve added image with white background to gallery, please check it. Can we use border and square image which will perfect fit?

#286153 Copied

Robert Hall

Support staff

May 3, 2021 at 11:18

Hello

Image size on the shop page and single product page comes from Woo-commerce settings Appearance > Theme Options > WooCommerce > Product images), our theme does not have any additional options for this. https://prnt.sc/12f6gfl

Make sure using a same size image for all product.

Robert Hall

#286198 Copied

andy80

Participant

May 3, 2021 at 18:50

Hi,

I’ve left only one image in our test product 1024x1024px. Settings same like on your screen: main image width: 600, thumbnail width: 300, thumbnail cropping: 1:1. Border is still lower than image edge.

Please contact administrator
for this information.

#286225 Copied
Robert Hall

Support staff

May 4, 2021 at 10:11
Hello

Kindly add the following mentioned CSS Rule in additional CSS by going to Dashboard > Theme Options > Additional CSS
```
.single-product .main-images {
    margin-bottom: 0;
}
```
Robert Hall
#286284 Copied
andy80

Participant

May 4, 2021 at 15:48

Robert thx, it’s ok now.

#286320 Copied
Viewing 9 results - 1 through 9 (of 9 total)