Centre align product images for specific product in store

Baggage · June 22

I hope someone can help.

I have one item in my store. I’ve managed to centre align the item in the store ‘front’ but when you click on it, the product image is left aligned. In styles I can only choose left or right aligned. Please could someone help me with CSS code to centre align the image. Would also be happy with the product info to the side of the image, but imagine it will look best on mobile stacked and central.

Thank you

tuanphan · June 23

Add to Design > Custom CSS

figure.ProductItem-gallery {
    float: none !important;
    margin: 0 auto;
}

Baggage · June 23

Extremely pleasing - thank you so much!

Centre align product images for specific product in store

Recommended Posts

Baggage

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

Baggage

Link to comment

Create an account or sign in to comment

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources