woocommerce css issues.

hi, i need to resize the way the images are displayed in woocommerce. i see that in the woocommerce.css file in the simplicity/css/woocommerce.css theme you have img set to 100% instead of auto. is there a quick way i can get the images to display as per the woo commerce settings page or else in auto. also have them centred. i would need to do this on woocommerce catalogue/product pages. thanks

BTW, I did try adding this code at the end of the file but no luck:

Code: Select all

.woocommerce div.product div.images,.woocommerce-page div.product div.images,.woocommerce #content div.product div.images,.woocommerce-page #content div.product div.images{width:auto;}

.woocommerce .related ul.products li.product img,.woocommerce-page .related ul.products li.product img,.woocommerce .upsells.products ul.products li.product img,.woocommerce-page .upsells.products ul.products li.product img,.woocommerce .related ul li.product img,.woocommerce-page .related ul li.product img,.woocommerce .upsells.products ul li.product img,.woocommerce-page .upsells.products ul li.product img{width:auto;height:auto;margin-right:10px;}

.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto;}

Hi,

Try to add the value with "!important"

Code: Select all

... {width:auto!important;}