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
Topic summary
A user experienced alignment issues with size text, variety pills, and quantity text on their Shopify store after updating to Dawn 10.0.0. All elements became off-center following the update.
Solution Provided:
- Navigate to Online Store > Themes > Edit Code
- Open the
base.cssfile in the Asset folder - Add custom CSS at the end of the file to center form labels and product form elements
- The code targets
.form__label,.product-form__input, and.product-form__quantityclasses
Outcome:
The CSS fix successfully resolved all centering issues. The user confirmed the solution worked perfectly and thanked the community member who provided the detailed instructions.
Hi @ClubEvince
Please see the instructions below
- From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
- Go to Asset folder and open the base.css file
- 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:
Hi @ClubEvince , I saw you were able to get some help. Were you able to figure out the issue?
1 Like
Thank you so much! Fixed it perfectly!
1 Like
Yep! I appreciate your time though!