Tagged: categories, product display, woocommerce
On my site I have the products category pages set to display 4 rows and 16 products per page. However some pages there are gaps – for example 2 rows show four products, the next row has 1, the fourth 4 and a fifth 3. It looks odd and I can’t figure out what is causing this behavior. I searched the code and tried different solutions.
Hey stevegjacobs,
Thanks for the link. Please try the following in Quick CSS under Enfold->General Styling:
.shop_columns_5 .products .product {
min-height: 450px;
}
Best regards,
Rikard
Hi
Thanks, that helped, but I have another issue. I don’t want a sidebar on the page, but it looks like it is still being rendered though nothing is in it. There are four images per row, though I’ve set it to be 5, and they are all shifted toward the left instead of centred on the site. If I change the number of images to 4 per row, only 3 per row are displayedm and they are still shifted to the leftf. Is there some way to centre the images?
Thanks
Steve
Hi Steve,
Thanks for the feedback, it’s not a sidebar although it looks like it. Please try this CSS as well:
.shop_columns_5 .products .product {
width: 19% !important;
}
Best regards,
Rikard
Thanks Rikard, that did the trick. Except I wanted 4 columns instead of 5. I put in this code to get 4 columns to lay out nicely:
.shop_columns_4 .products .product {
width: 24% !important;
}
Best regards
Steve
Hi Steve,
Glad that Rikard helped you and that the changes you made worked perfectly. :)
Let us know if you need further assistance or if we can close this thread.
Best regards,
Nikko