Centering Content on Product Page of Supply Theme

Technical Q&A
1

I am looking to center all the content on the product pages of the supply theme. Right now everything is aligned to the left as shown in the screenshot below. Thank you!

URL is juliakcalligraphy.com if needed.

Screen Shot 2021-05-02 at 2.01.28 PM.png
Screen Shot 2021-05-02 at 2.01.28 PM.png3418×1132 302 KB

2

Hello @juliakcalligrap

Please give a try to this code:

form#addToCartForm-product-template {
    margin: auto;
    text-align: center;
}
ul.inline-list.product-meta {
    margin: auto;
}
.template-product .grid-item {
    text-align: center;
}
select#productSelect-product-template-option-0 {
    margin: auto;
}

Add this in you theme css file.

Let me know!

Cheers!

3

It centered things but in an odd way, and didnt include the photo. See
below.

4

You forgot to add the image in post :face_savoring_food:

5

Sorry about that! See below.

Screen Shot 2021-05-02 at 2.23.41 PM.png
Screen Shot 2021-05-02 at 2.23.41 PM.png3370×1506 465 KB

6

Alright, it seems it need some html structure fixing and Css fixing as well. for that i need theme access if its ok with you.

7

Yes, how do I give access?

8

You can give access on below email as a staff, also drop an email over there please.

9

Ok, I just sent an email to your email provided.