Title: Customizing product thumbnails
Last modified: June 3, 2020

---

# Customizing product thumbnails

 *  Resolved [Lori Boone](https://wordpress.org/support/users/pleazo/)
 * (@pleazo)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/customizing-product-thumbnails/)
 * Hi there,
 * I am trying to edit the following in the product thumbnails on my home page &
   category pages: [https://snipboard.io/ftTsqg.jpg](https://snipboard.io/ftTsqg.jpg):
 * 1. Get the star ratings to show (they only show in editing with elementor)
    2.
   Remove “Seller” 3. Only allow product title to only run on 1 line (even if it
   gets cut off). 4. Get rid of this box around the price and cart 5. Align all 
   text the the left
 * Best,
    Chris
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustomizing-product-thumbnails%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Rynald0s](https://wordpress.org/support/users/rynald0s/)
 * (@rynald0s)
 * Automattic Happiness Engineer
 * [5 years, 10 months ago](https://wordpress.org/support/topic/customizing-product-thumbnails/#post-12936504)
 * Hi [@pleazo](https://wordpress.org/support/users/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!
 *  Thread Starter [Lori Boone](https://wordpress.org/support/users/pleazo/)
 * (@pleazo)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/customizing-product-thumbnails/#post-12939765)
 * 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
 *  Thread Starter [Lori Boone](https://wordpress.org/support/users/pleazo/)
 * (@pleazo)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/customizing-product-thumbnails/#post-12939852)
 * Oh I also see the title of the thumbnail runs off to next product thumbnail: 
   [https://snipboard.io/TKi0g8.jpg](https://snipboard.io/TKi0g8.jpg). Is it possible
   to keep the title the same size as the thumbnail?
 *  [dougaitken](https://wordpress.org/support/users/dougaitken/)
 * (@dougaitken)
 * Automattic Happiness Engineer
 * [5 years, 9 months ago](https://wordpress.org/support/topic/customizing-product-thumbnails/#post-12997780)
 * Hey [@pleazo](https://wordpress.org/support/users/pleazo/)
 * For #1 – If you have the [ratings enabled in the general settings](https://docs.woocommerce.com/document/configuring-woocommerce-settings/#section-9)
   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](https://docs.woocommerce.com/document/how-to-test-for-conflicts/#section-5)
 * Let me know how you get on!
 * Thanks,

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Customizing product thumbnails’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

## Tags

 * [product thumbnails](https://wordpress.org/support/topic-tag/product-thumbnails/)

 * 4 replies
 * 3 participants
 * Last reply from: [dougaitken](https://wordpress.org/support/users/dougaitken/)
 * Last activity: [5 years, 9 months ago](https://wordpress.org/support/topic/customizing-product-thumbnails/#post-12997780)
 * Status: resolved