Hi

I need help with two issues please.

1.  I noticed when viewing shop page in Chrome/Opera browser all catalog images were little blurred but in Firefox were crisp. I found solution which improves browsers rendering for only catalog images by editing CSS file

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img 

{       image-rendering: -webkit-optimize-contrast;}

However I am not still able to do same for product page image. I tried following  options and neither worked.

.woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img

 {image-rendering: -webkit-optimize-contrast;}

....and

.single_product_main_image a, .single_product_main_image a img 

{image-rendering: -webkit-optimize-contrast;}

- size of product image I uploaded is 535x696px. I even tried bigger size 810x1028. 

- woocommerce product images setting  are:

  Catalog images: 535x696px
  Single product image: 535x950px
  Product thumbnails: 165x165px

- web store runs on locally on WAMP

2. There i s a bug in quantity selector on product page when viewed in Firefox. Please see an attachment

Peter

Hi

1. I deleted all images from Media library and uploaded new (780x780) and then deleted browser history (cached images included). I think this issue has something to do with browser rendering engine. 

Woocommerce  ver.2.6.1
I use Firefox ver. 51.0.1 (32-bit)
Chrome ver. 56.0.2924.87 (64-bit)
Opera 43.0.2442.806 (PGO)

2. I use Firefox ver. 51.0.1 (32-bit)

Peter

Hi

Sorry but it's still offline however I just found solution to issue number 1.

I changed "Single Product Image" setting in Woocommerce to 780x780px and than uploaded product photo of the same  size (780x780)  

Now the product image is crisp. :-)

Best regards

Peter