Woocommerce Change Number of Columns for Specific Category

[coracle]

Hi,

I’m trying to center two products on a specific category page. One way is to change the number of columns for that category from 3 to 2. The main shop is set to 3 columns under Theme Options > Woocommerce. The category I’m trying to target is “diaper-service”. Alternately, I could use CSS to center the two products but I haven’t been able to figure out how to target that page by itself.

URL: https://happybabycheeks.ca

Your help would be appreciated. Thanks!

[jade]

Hi there,

Please try this code in the Global CSS:

.term-diaper-service .products li {
    width: 48% !important;
}

.term-diaper-service .products li:nth-child(2n) {
    margin-right: 0;
}

.term-diaper-service .products li:nth-child(2n+1) {
    margin-right: 4%;
}

Here are some reference links related to the suggestions above:

• CSS Introduction - https://www.w3schools.com/css/css_intro.asp
• How to get CSS Selectors using Chrome - https://stackoverflow.com/questions/4500572/how-can-i-get-the-css-selector-in-chrome

Hope this helps.