Want to control my image sizes. Help is much appreciated - I tried everything I could find in past forum threads.
My settings in Woocommerce-->Catalog-->Image Settings are:
Catalog images W 150 H 100 (Hard crop selected)
Single product image W 150 H 100 (Hard crop selected)
Product thumbnails W 75 H 50 (Hard crop selected)
But to no avail - my single product images are about 300x200 and catalog images are about 190x130.
I inserted this into the wp-admin custom CSS area:
ul.products li.product a img { width: 150; height: 100; }
.related ul.products li.product img, .related ul li.product img, .upsells.products ul.products li.product img, .upsells.products ul li.product img { width: 150; height: 100; }
.single-product.layout-full .images img {
width: 150px; height: 100;
}
.single-product.layout-full .summary { width:600px; }
It doesn't seem to be working. I also tried this fix in the woocommerce/assets/css folder, changing the 48% to 24%. It had no effect either.
Check your CSS...It is blurry because of this ->
.related ul.products li.product, .related ul li.product, .upsells.products ul.products li.product, .upsells.products ul li.productIt is setting it to 48% width which in turns stretches out your 150x150 image...