Customizing product thumbnails

Hi @pleazo!

For points 2, 3, and 4, you can use the following CSS code:

.details {
    display: none;
}

.woocommerce-loop-product__title {
white-space: nowrap;
}

.woocommerce ul.products li.product .item-bar, .woocommerce-page ul.products li.product .item-bar {
    border: none;
}

This CSS can be added to the “Additional CSS” section found in your customizer.

As for point 5, which text/s exactly are you referring to?

Cheers!

Hey rynald0s!

Thank you so much that worked!!

Would you happen to know how to get #1 with the rating?

Regarding #5, I was refering to the product title & price. They are both indented and wanted everything in the product thumbnail info to be aligned to the left. Is this possible?

Best,
Chris

Oh I also see the title of the thumbnail runs off to next product thumbnail: https://snipboard.io/TKi0g8.jpg. Is it possible to keep the title the same size as the thumbnail?

Hey @pleazo

For #1 – If you have the ratings enabled in the general settings and they are only showing in the editor, this sounds like a theme display.

Combining this with the fact the product titles are not being clipped or wrapped and “run off” as in your second screenshot, I’d suggest a next step of speaking to your WordPress theme author and asking them about their WooCommerce support in the theme. Hopefully, they’d be able to explain why the ratings are not showing and the product titles are not displaying as expected.

To conflict that the theme is the cause of this, I’d recommend installing (but NOT activating) our free Storefront theme, then use the Health Check plugin to troubleshoot this – https://docs.woocommerce.com/document/how-to-test-for-conflicts/#section-5

Let me know how you get on!

Thanks,