How can I center align all variants in Dawn?

Store Design
, ,
1

Hello everyone!

How do I center my variants as seen in the image below. (All variants must be centered)

Skærmbillede 2023-06-01 kl. 11.15.49.png
Skærmbillede 2023-06-01 kl. 11.15.49.png914×1108 51.6 KB

1 Like
2

Hello @Thomassen1999

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base and paste this at the bottom of the file:
.product-form__input.product-form__input--dropdown {
text-align: center;
justify-content: center;
margin: a 0;
margin: 0 auto;
}
.product-form__input.product-form__input--dropdown .select {
margin: 0 auto;
}

quantity-input.quantity {
margin: 0 auto;
}
div#Quantity-Form-template--18567874511195__main {
margin: 0 auto;
}
.product__title h1 {
margin: 0 auto;
text-align: center;
}

Screenshot :- https://prnt.sc/QJaO3p8jRILI , https://prnt.sc/YJI_f00NAnMu