Solved

Center 1 Product in Debut Theme on Product page

dawgminded
Explorer
54 0 18

I am using the Debut Theme and when I click on the link that brings me to the Product page, the product is aligned to the left of the page, how to I move it to the center of the page as this is the only item I will have on the site for now. I have seen similar answers to this in the community but don't know if the code will apply to my situation. Thanks for any help!

 

centerpage.jpghttps://dawgminded.myshopify.com/admin/themes/125519167656/editor?previewPath=%2Fcollections%2Fall 

Accepted Solutions (2)
Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

check out the updated code.

View solution in original post

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

.grid__item {
    margin-left: 420px;
}

View solution in original post

Replies 14 (14)

Zworthkey
Shopify Partner
5581 642 1565

@dawgminded 
hi,
provide store URL
thank you

dawgminded
Explorer
54 0 18
Zworthkey
Shopify Partner
5581 642 1565

its password protected.
Share your store password.

dawgminded
Explorer
54 0 18

I removed the password, thanks.

Zworthkey
Shopify Partner
5581 642 1565

Check out theseCheck out these

dawgminded
Explorer
54 0 18

Sorry about that, try it now. I'm still new to this, just started building the site last night. Thanks!

Zworthkey
Shopify Partner
5581 642 1565

got to the setting you can see their store password.

dawgminded
Explorer
54 0 18

oskeut

dawgminded
Explorer
54 0 18

Hi, I haven't really had many challenges, it is pretty user friendly for the most part. I just ran into this issue with centering my 1 product on the product page and centering the product name and price under the product picture. I was able to figure that code out by searching the community posts. Thanks for asking.

Zworthkey
Shopify Partner
5581 642 1565

@dawgminded 
Add this code to theme.scss

 

.grid__item {
    margin-left: 480px;
}

 

I hope it will work.
Thank you.

dawgminded
Explorer
54 0 18

Thank you, it kind of solved it, its just a little to the right more than I'd like, is it possible to get it under the the Product Heading at the top? Thank you so much for your help!centerpage.jpg

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

check out the updated code.

dawgminded
Explorer
54 0 18

Perfect! Thank you!

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

.grid__item {
    margin-left: 420px;
}