WooCommerce - excelling eCommerce
WordPress › Support » Themes and Templates CSS to decrease size of thumbnails (3 posts)

  1. thassan
    Posted 2 years ago #

    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!



  2. terrytsang
    Posted 2 years ago #

    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.

  3. thassan
    Posted 2 years ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic