Shopify themes, liquid, logos, and UX
I need help with centering my Size Text, my Variety Pills, and my Quantity Text. I updated to Dawn 10.0.0 on Shopify and all of these became off-center. I added a picture below.
My website is clubevince.com
Thanks in Advance
Solved! Go to the solution
This is an accepted solution.
Hi @ClubEvince
Please see the instructions below
1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the base.css file
3. At very end of the code, add the code below
.form__label {
width: 100%;
text-align: center;
}
fieldset.js.product-form__input {
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.product-form__input.product-form__quantity {
max-width: 100%;
}
/* If you need to center the buttons too */
.product-form__buttons {
margin: auto;
}
Result below:
This is an accepted solution.
Hi @ClubEvince
Please see the instructions below
1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the base.css file
3. At very end of the code, add the code below
.form__label {
width: 100%;
text-align: center;
}
fieldset.js.product-form__input {
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.product-form__input.product-form__quantity {
max-width: 100%;
}
/* If you need to center the buttons too */
.product-form__buttons {
margin: auto;
}
Result below:
Thank you so much! Fixed it perfectly!
Hi @ClubEvince, I saw you were able to get some help. Were you able to figure out the issue?
Yep! I appreciate your time though!
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025