Make Thumbnail Not Fullwidth

Thumbnail Not Fullwidth

By default, WooCommerce will make your thumbnail images 100% width. If you have a very tall image this can be not great. To make them not fullwidth and centre align. Add this CSS to Divi > Theme Options > Custom CSS.

.woocommerce ul.products li.product a img {
width: auto; /* make it not fullwidth */
float: none; /* center the image */
margin: auto !important; /* center the image */
}

---