Debut theme: Product page > product title & cart buttons centered with product photos

Store Design
1

Hi Community, I need to centre the product title and buttons to the product photos on the left > see pictures

I need both > product photos and information title on the right to be centred on the desktop version. How can I do this?

Thank you!

Joegr7_0-1631162030143.png
Joegr7_0-1631162030143.png1857×844 110 KB

2

hii, @Joegr7
Kindly share your store URL so,
I can solve your issue.
Thank You.

3

@Zworthkey Hi, www.thegiftcompany.com.au

Thank you!

4

Hi @Joegr7 ,

Please follow these steps:

Step 1: Go to Online store > Themes > Actions > Edit code.

Step 2: Go to Assets > theme.css and paste this at the bottom of the file:

#ProductSection-product-template .product-single{
display: flex;
align-items: center;
flex-wrap: wrap;
}

It will show like this: https://i.imgur.com/Syb9Dsg.png

Because your product image has white padding, you will see it’s not centered, but if you re-upload the image without spaces, it will display fine. Check at: https://i.imgur.com/KPMv8Ic.png

Hope it helps!

If you find my answer helpful for you, please mark it as a solution. Thank you and good luck