This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

WooCommerce product archive photo (thumbnail) size

Open 3 replies premiumthemetheme-vantage
Melle Kerstens
11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 11 years, 2 months ago

    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. Melle Kerstens 11 years, 2 months ago

    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. Andrew Misplon Staff 11 years, 2 months ago

    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.

Have a different question or issue?

Start New Thread