Woocommerce: Change number of columns

Posted in: Newsmag
Post count: 78
Larane
#30404
Dec 11, 2014 at 3:16 pm

Hi,

I want to show four columns on the woocommerce shop page. The theme overwrites the default (4 columns) settings. Can anybody provide the code for this?

Thanks a lot,
Carolin

Post count: 78
Larane
#30434
Dec 11, 2014 at 6:32 pm

My website: http://www.stylezebra.de

  • This reply was modified 11 years by Larane.
Post count: 6600
Lucian
#30477
Dec 12, 2014 at 11:14 am

Hi,

You can try to use this css: http://screencast.com/t/ts88rkQI

.woocommerce .products .product {
width: 21.5556% !important;
}
.woocommerce .products .product:nth-child(3n+4) {
clear: none !important;
}
.woocommerce .products .product:nth-child(3n+3) {
margin-right: 2.66667% !important;
}
.woocommerce .products .product:nth-child(4n+5) {
clear: left !important;
}
.woocommerce .products .product:nth-child(4n+4) {
margin-right: 2.66667% !important;
}

Hope this helps!

Thanks

Post count: 78
Larane
#30484
Dec 12, 2014 at 12:54 pm

Hi Lucian,

thank you. It’s working when I use the live css tool. But nothing changes when I put it into the custom css section of the newsmag theme. I emptied the cache…

Any ideas?

Thank you,
Carolin

Post count: 78
Larane
#30495
Dec 12, 2014 at 2:11 pm

Hi,

I put your css into woocommerce.css. Now it’s working!

Thanks again, Lucian!

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newsmag’ is closed to new topics and replies.