Hi Kayle,
There’s some CSS on your site that is setting the width of the ul.products li.product elements to width: 55%.
http://cld.wthms.co/ITc2
If you change this to 20% they look better.
You could add this CSS to your Function custom css area to adjust this page:
.postid-2835 ul.products li.product {
width: 20%;
}
Thanks Daniel! Can you tell me why the size of the products is so small? I set to 200 x 200 and then 300 x 300 in the woocommerce settings but it doesn’t seem to change the size at all..no matter what I put in…even after I regenerate thumbnails..it still doesn’t work.
Can I adjust the size of the products in the catalog using css?
Well, the WooCommerce settings are kicking in. They are 300×300: http://cld.wthms.co/ECWn
But, the width of the image is determined by its container – and you’ve set that to be 20% of its parent. So the browser is displaying it at 143px x 143px.
You can either 1) reduce the number of images per row or 2) reduce the size of the catalog thumbnails in WC settings.
hmm..I changed the number of images per row to 3 but its still the same size:
Anything else I can try?
I just saw that I’m helping you with this ticket on WooThemes support 🙂