Reply To: Issues With Woo Commerce Related Products Image Sizes

[mcuttino]

I’ve been looking and trying to make the adjustments but it appears that the main problem I’m having with the css on the related products image is that even though I change the woocommerce.css to:

        .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;
    }

it always renders as

.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: 100%;
height: auto;
}

when I inspect the element in Chrome. I can’t determine what is overriding the setting that I put manually in the woocommerce.css file