Centralising categories on shop page

Hi there,

Try this CSS:

.woocommerce .woocommerce-breadcrumb {
    text-align: center;
}
h1.woocommerce-products-header__title {
    text-align: center;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Hey Leo, thanks for such a quick reply. Added to Custom CSS field but no change sadly.

This is what I see now: https://s18.postimg.org/474enfymh/2018-01-16_1002.png

Try clearing your browser cache.

Yep, exactly, but I'd like the categories in the middle of the page, not left (as in, the three categories are centered, not all to the left).

The problem is that it is currently set up for 5 columns when you only have 3 categories.

Will you be adding more categories?

Thanks Leo. Ah, I want 5 products per category page, which is why I set it to that. However there are 3 categories (eventually there will be 4). The issue is that having 4 products per page looks pretty messy.

Sorry so what's the preferable solution?

Centering the 3 existing categories when using 5 categories isn't the best idea in my opinion. Won't be very responsive.

Sorry for such a slow reply Leo! I think what I want can't be done. I've managed to play around a bit now and it's looking fine but it's just a matter of the category pages having the same amount as the product pages to display it nicely on the page. Thanks for your help though.

No problem at all :)