Center 1 Product in Debut Theme on Product page

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!


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

1 Like

@dawgminded
hi,
provide store URL
thank you

1 Like

Here you go: https://dawgminded.myshopify.com/

1 Like

its password protected.
Share your store password.

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

I removed the password, thanks.

got to the setting you can see their store password.

1 Like

oskeut

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.

@dawgminded
Add this code to theme.scss

.grid__item {
    margin-left: 480px;
}

I hope it will work.
Thank you.

1 Like

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!

check out the updated code.

1 Like
.grid__item {
    margin-left: 420px;
}
1 Like

Perfect! Thank you!

1 Like