Activate Custom CSS in Jetpack

How to remove the image from Related Products in WooCommerce

Have you ever wondered how to remove the image in the “You May Also Like…” Section of your Single Product pages? This WooCommerce option displays related products to allow customers to quickly find other (maybe better) options when shopping on your site. Sometimes the picture is a bit of an overkill and might add too much distraction.

To remove the images you’ll need to venture into the world of custom coding – though only a tiny bit, as it is not part of the standard WooCommerce settings. You can use CSS to remove the images – either adjusting the css file of your child theme, or using the free Jetpack plugin to help you with this embellishment.

First step: After downloading, installing and activating Jetpack, please make sure to activate the Custom CSS option  in Jetpack settings:

Activate Custom CSS in Jetpack to remove the image in Related Products

Second step: Once you have that enabled, go to Dashboard > Appearance > Edit CSS tab and paste the following code:

.woocommerce .upsells ul.products li.product a img {
    display: none;

That’s it. It’s really that easy 🙂