Return to previous page

Shop Page – Product image size and justification

This topic has 9 replies, 2 voices, and was last updated 7 years, 1 months ago ago by Rose Tyler

tbijeux

Participant

November 17, 2017 at 13:58

hi there,

When I look at my Shop Page and the list of products, my product images appear to be left justified with some sort of white border to the right – you can see clearly when you hover over the product image with your cursor.

I have tried removing Quick View and Scrolling and it did not help, and I have tried adjust the size of the Images in Theme Options but I still cannot remove the White Thick space to the right of the images and they still appear to be left justified.

Any help would be appreciated!

Thank you

Please, contact administrator
for this information.

#177912 Copied Theme version: Legenda 3.0.3 WooCommerce version: newest

8 Answers
Rose Tyler

Support staff

November 17, 2017 at 14:22
Hello,

Please try to add this code in custom css http://prntscr.com/hbofkm:
```
.products-grid .product .product-image-wrapper, .sidebar-position-without .products-grid.product-count-3 .product {
    text-align: center;
}
.products-grid .product .product-image-wrapper {
    margin-top: 15px;
}
```
How to create custom.css you can watch in this tutorial https://www.youtube.com/watch?v=Qok2zRedRMY.

Regards
#177915 Copied
tbijeux

Participant

November 17, 2017 at 15:22

I just added the code and it still looks the same.

Any other suggestions?

#177923 Copied

Rose Tyler

Support staff

November 17, 2017 at 15:24

Please provide screenshot of code that you added.

Regards

#177925 Copied

tbijeux

Participant

November 17, 2017 at 15:26

.products-grid .product .product-image-wrapper, .sidebar-position-without .products-grid.product-count-3 .product {
text-align: center;
}
.products-grid .product .product-image-wrapper {
margin-top: 15px;
}

#177926 Copied

Rose Tyler

Support staff

November 17, 2017 at 15:29

I’ve asked you about screenshot. You may use such screenshot maker as Lightshot.
Or provide wp-admin access in Private Content.

Regards

#177928 Copied

tbijeux

Participant

November 18, 2017 at 13:12

Here is the screen shot…..not sure why you need it since I copy and pasted the code in the Custom.css file as you suggested.

I removed the sizing of the images in the Legenda Theme settings, I’m added Hard Crop to the image settings in Woocommerce>Settings> Display

Please, contact administrator
for this information.

#177962 Copied

tbijeux

Participant

November 18, 2017 at 15:50

Is there code to centre the product image? The text seems centred but the image seems to be LEFT justified with White Padding on the right of the image.

Please, contact administrator
for this information.

#177966 Copied

Rose Tyler

Support staff

November 20, 2017 at 09:46

Hello,

Sorry for the delay due to the weekends.
I do not see the code via inspector on your site, so please provide wp-admin access in Private Content.
Thanks in advance!

Regards

#178014 Copied
Tagged: best selling themes, product image justification, product image size, shop page, woocommerce
Viewing 9 results - 1 through 9 (of 9 total)