How can I center align products and descriptions in Debut Theme?

Store Design
1

Hi

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

1 Like
2

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

3

on the home page & collection page

4

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

suyash1_0-1652767867162.png
suyash1_0-1652767867162.png1366×768 207 KB

5

Yes. I want it like that

dark chocolate makhana center aligned

6

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

7

@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;}

suyash1_0-1652768323800.png
suyash1_0-1652768323800.png1366×768 187 KB

8

See if this is the right place?

Aayush2_0-1652770093290.png
Aayush2_0-1652770093290.png1280×1024 141 KB

9

@Aayush2 - yes

10

Please try center the alignments for all the items of the flexible

element:

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

11

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