PBV 1 – How to Resize Images in WooCommerce

You are here:

Question:

Hi I am trying out woo commerce with profit builder however it is resizing all the product images to 500×500+ pixels, they are too large and look distorted. I currently have woo commerce image display set to 300×300 and also the product images being uploaded are 300×300, can you tell me where I need to change or what css code to add so that the theme or profit builder plugin does not resize the product images please…

Answer:

Video below and to add to your Profit Builder > General > Custom CSS box:

/* shop page */
.woocommerce ul.products li.product img {max-width:100px}
.woocommerce ul.products li.product .onsale {right:auto}
/* product page */
.woocommerce #content div.product div.images,
.woocommerce-page #content div.product div.images
{float:left; width:40%}


Views: 30