Help with Centering Size Text, Variety Pills, and Quantity Text after Dawn 10.0 updaate

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.css file 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__quantity classes

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.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.

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

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:

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!