Woocommerce Related product alignment

[mcvanz]

Hi there I’d like to center align the 4 related product images on single product page.

Any idea to solve this?

[lely]

Hi @mcvanz,

We can use custom CSS to center those related products. Would you mind sharing the exact page URL so we can inspect the element? Thank you

[mcvanz]

It would be in every single product page. Now this is a test site, this is an example page: https://bypix.it/mialma/shop/cavallino-ghiaccio/

Thanks in advance
Roberto

[Prasant]

Hello Roberto,

Thanks for updating the thread.

Please add following CSS under Pro > Theme Options > CSS:

.single-product.woocommerce .related.products ul.products {
    display: -webkit-inline-box;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[mcvanz]

It works! Thanks a lot!

[friech]

We are delighted to assist you with this.

Cheers!