Home>Support>WooCommerce product archive photo (thumbnail) size

WooCommerce product archive photo (thumbnail) size

By Melle Kerstens, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Dear,

I like to change the size of the photo on the product archive/category. (This site http://www.noidea.nl/product-categorie/beanie/)
I know it is possible to change the thumbnail on WooCommerce > Settings > Product > Products. But when I change it here. Nothing happens. And I already run the ‘Regenate Thumbanails’.

Hope you can help.

Regards,
Melle

URL: http://www.noidea.nl/product-categorie/beanie/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Melle

    Insert the following under Appearance >Custom CSS and adjust as required:

    /* WooCommerce */

.woocommerce.product-columns-5 ul.products li.product, .woocommerce-page.product-columns-5 ul.products li.product {
width: 16.9% !important;
}

    Keep it percentage based. 25% for example might be a good place to start.

    Hope that helps.

  2. 9 years, 9 months ago Melle Kerstens

    Great! It worked.
    But now there are only 3 products in a row (http://www.noidea.nl/product-categorie/beanie/)
    It looks like the fits 5. And before it was also 5 in a row.
    Possible to change?

    Regards,
    Melle

  3. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Try the following:

    .archive.woocommerce-page #container {
width: 100%;
}

    If you change product width to 20% you can then get another one in there.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More