Woocommerce image size

oh, sorry, here you can see the problem: product, and up sells are really huge!

https://www.deliciaartesana.es/tienda/lotes/lote-tea-time-ii/

Thanks
Angelo

Hello Angelo,why don’t you re-crop that middle image properly,delete the one you have in your WP image gallery and re-upload the the new image aligning properly with the exact same dimension as those beside it.

Better still,one of the proper image. View the property *dimension*,use Potoshop to recreate that same dimension.

Download one of the proper image.

Hi! Thanks for the answer!

The problem is that i have nearly 300 product and every product has a 400×600 px pic. Usually woocommerce adjust the image properly, and activating another theme, the pics are showed correctly.

It’s really strange no?

Thanks
Angelo

Maybe other themes have specific css rules for woocommerce, could you provide an example? maybe switching your site to one of those themes?
Anyway you can try adding this to your css:

.woocommerce ul.products li {
    width: auto !important;
}

Rocco is a genius, I suggest you go by what he offers. Even Sir Bardell can attest to that Angelo.

I, the css worked buuuuttt i have another problem… the green discount round message remains flying in the page… as you can see here going to the bottom of the page:

https://www.deliciaartesana.es/tienda/cerveza-artesanal/lanchar-elorrieta/

How can i put to resend it on the top right corner of the product image?

Thanks
Angelo

You used this:

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
    width: auto !important;
}

This changes just the image width not the whole li width.
stop to
ul.products li.product

ok, thanks you very much guys, i did it and it worked.

But now i have another problem, if you watch the page the label “Tambien le recomendamos” at the bottom of the main product image sholud be the bottom three upsells product title… but it is somehow lifted up… how can i fix this?

Thanks
Angelo

Add to your h2 css:

h2 {clear:both;}