Return to previous page

Woo Commerce product sizing issues? - by jodistuchlik

This topic has 8 replies, 3 voices, and was last updated 9 years, 9 months ago ago by Robert Hall

jodistuchlik

Participant

January 30, 2015 at 12:21

I have some product images in the 16:9 aspect ratio, and it’s leaving a lot of vertical space on the catalog image in my website. I have tried resizing it within the theme, but it doesn’t affect the vertical space at all.

You can see my catalog image here (the Peanut butter and yogurt dog treats). Notice all that vertical space:

http://naturallysuburban.com/

#38391 Copied

7 Answers
Robert Hall

Support staff

January 30, 2015 at 12:44
Hello,

Please add following code into custom.css file.
```
#products-grid .product-image{
height:130px;
}
.product-image .img-wrapper{
height:auto;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#38402 Copied
jodistuchlik

Participant

February 1, 2015 at 00:27

Robert, I implemented the custom css above, but there is still that same gap between the image and text on the home page, the new CSS doesn’t seem to have eliminated that gap.

#38595 Copied

Eva Kemp

Support staff

February 2, 2015 at 12:16

Hello,

Please provide us with wp-admin panel credentials in Private Content.

Thank you.
Regards,
Eva Kemp.

#38756 Copied

jodistuchlik

Participant

February 8, 2015 at 15:12

Hi Eva,

Thanks so much. I have been having issues with product image sizing everywhere…for example, on the ‘Shop’ page, the images are different sizes.

http://naturallysuburban.com/shop/

Same thing goes for the category images here:

http://naturallysuburban.com/product-category/suburban-health-beauty/

Please, contact administrator
for this information.

#40381 Copied

Robert Hall

Support staff

February 9, 2015 at 20:07

Hello,

We’ve made some changes in custom.css file. Please check it now.
If you want the same size images on Shop page you need to upload images with the same size. http://prntscr.com/6335f9

Regards,
Robert Hall.

#40687 Copied

jodistuchlik

Participant

February 11, 2015 at 21:21

Robert, what is the recommended image size or aspect ratio?

#41293 Copied

Robert Hall

Support staff

February 11, 2015 at 21:26

About image size you can read in our documentation (part – Product Image Sizes):
https://www.8theme.com/demo/docs/blanco/index.html#!/woocommerce_settings

Regards,
Robert Hall.

#41295 Copied
Viewing 8 results - 1 through 8 (of 8 total)