number of columns problem

I’m having exactly same issue… Janvanarkel, it seems like you fixed your issue, can you share the solution?

Actually found the solution through CSS.

/* Archieve listing issue 16.9%->16% */
.woocommerce.product-columns-5 ul.products li.product, .woocommerce-page.product-columns-5 ul.products li.product {
width: 16%;
}

This is what I use:

/* Woocommerce style fixes */
#content div.page-description div.woocommerce.columns-4 ul.products li.product-category.product.first {
float: left !important;
clear: none !important;
width: 22.05%;
margin: 0 !important;
}

#content div.page-description div.woocommerce.columns-4 ul.products li.product-category.product.last {
clear: none !important;
width: 22.05% !important;
}

#content div.page-description div.woocommerce.columns-4 ul.products li.product-category.product {
float: left !important;
clear: none !important;
width: 22.05% !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
clear: none !important;
float: left !important;
margin: 0 0 2.992em 1em !important;

Thanks for sharing! I think this plugin needs little update to fix this issue… but at least here’s two solutions that worked. ??

In CSS-stylesheeteditor (Admin menu -> Appearance -> CSS).

Hello bulewold and janvanarkel!

I’m super close but can’t quite get it to work. I would so very much appreciate any help you can offer! (I’m a total rookie with CSS).

I’m trying to make this page 4 across using janvanarkel’s code, but it’s still 3 across. Any thoughts?

https://bonjewels.com/all-products/?filter_product-type=50

THANK YOU!!!

@janvanarkel just chiming in. Awesome CSS! Works great! You rock man!