[Resolved] Woocommerce Images are left aligned?

[troyw]

Hey guys,

I am trying to get all of the Woocommerce images on my home page to align to the centre, instead of off to the left.
There are a million help forums on the internet telling me to add this code, but it does not work.
.woocommerce .cols-2 li.product a,
.woocommerce.columns-2 li.product a {
text-align: center;
margin: 0 auto;
display: block
}
I found a link on your forum and have tried adapting your CSS, but still no luck.
https://generatepress.com/forums/topic/woocommerce-center-product-name-related-products-product-image-size-shop-page/

For example;
.woocommerce .related ul.products li.product,
.woocommerce .sale-products ul.products li.product {
text-align: center;
}
.woocommerce .related ul.products li.product,
.woocommerce .best-selling-products ul.products li.product {
text-align: center;
}
.woocommerce .related ul.products li.product,
.woocommerce .featured-products ul.products li.product {
text-align: center;
}

Any ideas what I am doing wrong?

Thanks

[David]

Hi there,

You can change alignment in Customizer > Layout > Woocommerce –> Image Alignment.

https://docs.generatepress.com/article/woocommerce-overview/#shop

[troyw]

OMG, can’t believe I had to ask that, Duh. Sorry David.

[David]

There’s a lot of options to easily miss one or two 🙂
Glad to be of help

[Author]

Posts