Woocommerce Products aligned left - how to center?

[powrider686]

Hi there,
On my site, https://taylorstaging.wpengine.com with 2 example pages being https://taylorstaging.wpengine.com/iconic-shreds-collection/ and https://taylorstaging.wpengine.com/collections/limited-release/, all of my products are left aligned. I’ve tried various css to fix it, and have all of the elements set to center but I can’t get it. This is a site wide issue, including on mobile.

How can I fix this?

Thanks for the help!

Marcus

[thai]

Hi There,

Upon checking your website, I could see that the text alignment of your text elements is still right, left align:

Could you please double check all your settings to make sure they’re center align?

If it still doesn’t work, please provide us with your admin account so we can take a closer look.

Thank you.

[powrider686]

Hey I checked and everything is set to text-align: center. So not sure.

I have attached credentials to a private note.

[nabeel]

Hi again,

I checked both of your product pages and I see the products are centered now (see screenshot)

I also checked the pages in mobile screens and the products are centered on my end. Try clearing your browser’s cache and check the page again.

Let us know how this goes!

[powrider686]

Hmmm, I’m not sure what is going on. I cleared my caches and checked, and I still see everything aligned left. See attached screenshot.

[paul.r]

Hi,

To make it center like in your screenshot, you can add the code below in Theme Options > CSS

.woocommerce li.product {
    vertical-align: top;
    display: inline-block;
    float: none;
}

.woocommerce ul.products {
    text-align: center;
}

Hope that helps.