Title: WordPress › Support » Themes and Templates  CSS to decrease size of thumbnails
Last modified: August 21, 2016

---

# WordPress › Support » Themes and Templates CSS to decrease size of thumbnails

 *  [thassan](https://wordpress.org/support/users/thassan/)
 * (@thassan)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/wordpress-support-themes-and-templates-css-to-decrease-size-of-thumbnails/)
 * I wonder if anyone can help me – I have spent hours trying to find the CSS to
   decrease the size of my thumbnails in the product gallery with the intent of 
   having 4 pictures in a row.
 * I have managed to change the number of columns in a row to four, but then i seem
   to have a row of three with one underneath. I need to decrease the size of the
   thumbnails to fit 4 to the width of the page but i don’t know how.
 * Frankly the images are way too big at the moment and they are making my page 
   look ugly. I would be so grateful if someone can help me!
 * [http://allthatglittersweddingstationery.co.uk/product-category/wedding-stationery/](http://allthatglittersweddingstationery.co.uk/product-category/wedding-stationery/)
 * [http://wordpress.org/plugins/woocommerce/](http://wordpress.org/plugins/woocommerce/)

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

 *  [terrytsang](https://wordpress.org/support/users/terrytsang/)
 * (@terrytsang)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/wordpress-support-themes-and-templates-css-to-decrease-size-of-thumbnails/#post-4332633)
 * You can change ‘Catalog Images’ size at WooCommerce Settings > Catalog Tab, under“
   Image Options” section there.
 * After changing that settings you may need to regenerate thumbnail by clicking‘
   regenerate the thumbnails’ link.
 *  Thread Starter [thassan](https://wordpress.org/support/users/thassan/)
 * (@thassan)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/wordpress-support-themes-and-templates-css-to-decrease-size-of-thumbnails/#post-4332636)
 * Hi Terry,
 * i’ve tried that and it doesn’t actually decrease the size of the images it just
   makes them blurry.
 * I wonder if it has something to do with the pictures being set to fit the width
   of the page? when i put the side bar back in it makes the images smaller. When
   i take it back out the thumbnails increase to fit the width of the page. i’m 
   not sure how to change the percentage to be able to fit four in a row?

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

The topic ‘WordPress › Support » Themes and Templates CSS to decrease size of 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

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

 * 2 replies
 * 2 participants
 * Last reply from: [thassan](https://wordpress.org/support/users/thassan/)
 * Last activity: [12 years, 6 months ago](https://wordpress.org/support/topic/wordpress-support-themes-and-templates-css-to-decrease-size-of-thumbnails/#post-4332636)
 * Status: not resolved