Can't centre homepage bottom images

Support
#1

Hi

If you scroll tot the bottom of my home page https://www.commissionit.co.uk/

you will see the categories with images, art commissions, furniture etc 3 columns

I can set formatting text alignment to centre but cant see how to centre the images ?

Must be something simple ?

Thanks in advance

#2

Hello Amin,

Thanks for writing in!

Do you want to display something like this?

Please edit your page and insert this custom css:

.x-bar-content-area .products.cols-3 {
    max-width: 780px;
    margin-left: auto !important;
    margin-right: auto !important;
}

We would love to know if this has worked for you. Thank you.

#3

yes, it worked perfectly, thank you guys once again. Saved the day :slight_smile:

#4

You’re most welcome!

#5

Sorry, just noticed it does not centre for mobile though?

#6

Hi Amin,

It’s only applicable for larger devices due to max-width 780px. And the alignment issue is caused for mobile is due to Woocommerce plugin itself. I recommend contact the Load More Products plugin author for proper alignment on smaller devices.

The plugin should automatically remove float styling on smaller devices, as the float styling will always ignore any alignment.

Thanks!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.