Products per Column

Hi Megant,

As I can see, the products do have the right number of columns; the products are just to big (wide) to fit on the page. Could you try adding the following code to your themes style.css?

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 17.5% !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0 3% 2.992em 0 !important;
}

Let me know if this works!

Thanks, Jeroen

Wow, thanks!

It actually only changed to 4 columns, but still looks so much better. Do I need to decrease the percentage to get the column count to 5?

This also changed the thumbnail sizes for the categories (breweries, styles, seasonals, non-alc) and also the thumbnails within each category. The brewery page is now too small. This looked a lot better when the logos were larger and there were only 3 columns…

Every time I fix one thing, I screw something else up…!

Hi Megant,

Yes you could decrease the percentage to get the columns to 5. You might need to style the categories on their own with different css selectors.

Its not rare that when you change one thing, something else changes (srews up), unfortunately :p.

If you need any help, you can contact me through https://www.jeroensormani.com/contact/

Thanks so much.

Although I cannot make any edits now…. I have gone and screwed something up and cannot even access the site now….!

Since I cannot access, I have no idea how to fix it.

I am NOT good at this. Any advice would be greatly appreciated!

Hi Megant,

Yeah noticed your site just went out.

Contact me via mail to discuss this further, https://www.jeroensormani.com/contact/, this just doesn’t work through a public forum.

Thanks!
Jeroen

This is resolved by email.

Was caused by some CSS styling.