How can I change the number of columns in the product list?


Staff member
I use a wordpress ecommerce theme using grid 960 system (.container_12), fancybox, jquery and the options framework plugin. The reason why I've enumerated them is that I'm not completely sure which of them affect the problem what I need some help to be able to solve.
My question would be that how can I change the column number in the product list? ( I set the width to 75% in sytle. css (within #primary,#secondary section) so it displayed 3 three columns instead of the original 4 on the homapage but in every second row there is only one product element.
I've tried everything to eliminate the problem from modifying the style.css (used column-count:3, display: block, inline-block settings etc. in the .product-box) to changing 960.css) but nothing helped the problem remained the same.

I'd be really thankful if someone could give a short and exact answer to the issue. Primarly to that that what modifications should be made in style.css or other file to arrange product listing to three columns per row.

Thank you in advance.