Woocommerce thumbnails and sidebar problem

Hello again,

I want to make the thumbnails smaller in the shop page but it doesn’t work. If you change thumbnail size in the Customize - Woocommerce - Products menu, then only thing that seems to change is the file size. E.g. I changed the thumbnail size to 50px, and the thumbnail remains the same size in the shop but stretched from the generated 50px, and therefore is blurred.

I’m still developing on a localhost so here’s a screenshot;

After trawling some other forums I think it’s a common problem, with there being a mismatch about how the theme displays the image, and the thumbnail generated by WooCommerce as per the interface menus. I just can’t find where Talon defines this.

Also I don’t want the sidebar that you see on the left hand side of the shop page to display. There is no Template menu on the shop page for me to change to ‘Fullwidth’. It usually displays on the right anyway, and not as squished as on the shop!

I’d be really grateful for your advice!


Hello Gwion, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.woocommerce ul.products li.product a img {
    width: auto;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.