Product size (in woocommerce)

Hi,

can you provide us a precise links where we can see the images in question please?

Best regards,
Andy

Hi,

if you want same height for all your images, try this code inside Quick CSS field:

ul.products li a img {
height: 400px;
}

and adjust as needed. Don’t forget to clear browser cache and hard refresh a few times.

Best regards,
Andy

Hi,

I can’t see any useless white space on the link you’ve provided. Can you share a precise link showing what you are showing in your screenshot please?

Best regards,
Andy

Hi,

try this code:

.shop_columns_3 .products .product {
width: 19%;
}

and adjust as needed.

Best regards,
Andy

Hi,

to change image sizes on the last link you’ve provided, use this code:

#top .thumbnail_container img {
width: 250px;
max-width: 250px;
height: 250px;
}

and adjust the values as needed.

Glad you are happy!

Best regards,
Andy

Hi,

try to add an !important:

#top .thumbnail_container img {
width: 250px !important;
max-width: 250px !important;
height: 250px !important;
}

Don’t forget to clear browser cache and hard refresh a few times.

Best regards,
Andy

Hi,

you can adjust width on your shop page with this code:

div .products .product a, div .products .product a img {
width: 150px;
}

Best regards,
Andy

Hi,

of course you need to adjust the value by yourself, to find what fits best to you. I logged into you backend and put this into your Quick CSS field:

/*kriesi custom code*/
div .products .product a, div .products .product a img {
width: 175px;
}

and it seems to adjust the images, but as said adjust it as you need it.

Best regards,
Andy

Hi,

Try this code:

li.product-category.product {
width: 22%;
}

And adjust as needed.

Best regards,
Andy

Hi,

then simply use height instead of width value in my code:

li.product-category.product {
height: 240px;
}

Also this might be useful to you:

#top .products .product-category img {
height: 240px;
}

Best regards,
Andy