Center Align for products in Debut Theme

[Aayush2]

Hi

my website is www.gourmax.in I am looking to center align my product & description. Let me know what can be done

[suyash1]

@Aayush2 - where exactly do you want to center product and description?

[Aayush2]

on the home page & collection page

[suyash1]

@Aayush2 - it will look this weird, what exactly do you want?

[Aayush2]

Yes. I want it like that

dark chocolate makhana center aligned

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.product-single__description.rte {
margin-top: 0;
}
.product-form__controls-group.product-form__controls-group--submit {
margin-bottom: -24px;
}
.product-card {text-align: center;}
.price {align-items: center;}

Screenshot :- https://img001.prntscr.com/file/img001/3Ks1AmWmQfC5Gm9Tow0qmA.png

[suyash1]

@Aayush2 - please add this css to the very end of your theme.css file and check

.product-card {text-align: center;}
.price {align-items: center;}

[Aayush2]

See if this is the right place?

[suyash1]

@Aayush2 - yes

[Kashishsingh]

Please try center the alignments for all the items of the flexible <div> element:

div {
display: flex;
align-items: center;
}

[ReturnPrime]

Hey @Aayush2    ,
Welcome to the Shopify community!
You can follow the instruction below:
please add this to your CSS file.

.product-card {text-align: center;}
.price {align-items: center;}

If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman