Woocommerce images large and distorted

Hi. I have reviewed your other threads for Figero and it says compatible with Woocommerce. I have also downloaded the woocommerce.php from another thread and put in my theme folder. Tried regenerating thumbnails after that. Still large and distorted. Please help:

http://wptesting.buffingtonconsulti...-4000-quart-liquid-cox-vet-lab-32-day-supply/

Also distorted in shop listing:

http://wptesting.buffingtonconsulting.com/shop/

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img
{
max-width: 100%;
width: auto;
}
 
 
.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
{
max-width: 100%;
width: auto;
}

Thanks & Regards
Pramod

 

Worked like a charm. Thanks!