Docs

[iRocketdesign]

I only have 2 categories, and on the Shop page the thumbnails are left justified. I would like them centered. Can you help with that please?

http://www.stillwelljacks.com

login info in private to follow.

thanks,
Rick

[iRocketdesign]

This reply has been marked as private.

[Jade]

Hi there,

The products in the shop page automatically sets their alignment according to how many columns is set in the customiZer.

Currently your shop page is set to display 3 columns while there are currently just two products. You can set the columns to 2 so that the layout will adjust accordingly. You can set it in Appearance > Customizer > Woocommerce > Shop Columns.

Hope this helps.

[iRocketdesign]

I have it set to 3 because I have 3 products within the one category. So the two pages have to be the same setting? If I change it to 2, it makes my products page look wrong.

[iRocketdesign]

So my question is can I only center my two category thumbnails without changing my customizer from 3, since I don’t want my products page to change?

[Nabeel A]

Hi there,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.woocommerce .cols-3 li.product, .woocommerce.columns-3 li.product {
    width: 46% !important;
}

Let us know how this goes!

[iRocketdesign]

That worked but it also changed my Products page as well, which I don’t want. Any other suggestions?

[Lely]

Hi Rick,

For that CSS to work on your shop page only, please update above CSS to this:

.post-type-archive-product.woocommerce .cols-3 li.product,
.post-type-archive-product.woocommerce.columns-3 li.product {
    width: 46% !important;
}

Hope this helps.

[Author]

Posts