Center Align for products in Debut Theme

Aayush2
Tourist
4 0 1

Hi

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

Replies 10 (10)

suyash1
Shopify Partner
9077 1129 1479

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Aayush2
Tourist
4 0 1

on the home page & collection page

suyash1
Shopify Partner
9077 1129 1479

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

 

suyash1_0-1652767867162.png

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Aayush2
Tourist
4 0 1

Yes. I want it like that

dark chocolate makhana center aligned

suyash1
Shopify Partner
9077 1129 1479

@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

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
Aayush2
Tourist
4 0 1

See if this is the right place?

Aayush2_0-1652770093290.png

 

suyash1
Shopify Partner
9077 1129 1479

@Aayush2 - yes

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI

ZestardTech
Shopify Expert
5393 970 1291

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Kashishsingh
Excursionist
265 0 2

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

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

banned
ReturnPrime
Shopify Partner
438 63 102

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