Shopify themes, liquid, logos, and UX
Hi
my website is www.gourmax.in I am looking to center align my product & description. Let me know what can be done
@Aayush2 - where exactly do you want to center product and description?
on the home page & collection page
@Aayush2 - it will look this weird, what exactly do you want?
Yes. I want it like that
dark chocolate makhana center aligned
@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;}
See if this is the right place?
@Aayush2 - yes
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
Please try center the alignments for all the items of the flexible <div> element:
div {
display: flex;
align-items: center;
}
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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024