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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024