Center Text Blocks In Dawn Theme

[Jacobsladdr]

Hi I want to center the text in my text block in my product information section. Any help would be great… As you can see the “Our Mission” is being used as a heading for the icons with text. Just would need the text section to be able to be centered. Help would be greatly appreciated!

Thank you!

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Jacobsladdr]

believersbrigade.com

Password: meatri

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.product__text.inline-richtext.subtitle {
text-align: center;
}
.product__description.rte.quick-add-hidden h1 {
text-align: center;
}
.product__description.rte.quick-add-hidden p {
text-align: center;
}
.product__title {
text-align: center;
}
.price.price--large.price--show-badge {
text-align: center;
}
product-info {
text-align: center;
}
quantity-input.quantity {
margin: 0 auto;
}

[Jacobsladdr]

Hi thank you very much it did seem to work everything is now centered on the page within the product information section. Which does look good, but I I wanted tp change the Variant selector and not this is off to the left… Could I get some help with centering the variant selector specifically the drop down

[ZestardTech]

Hello @Jacobsladdr

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.product-form__input--dropdown .select {
margin: 0 auto;
}
.product-form__input.product-form__input--dropdown {
max-width: 100%;
}
form#product-form-template--19486640046366__main {
margin: 0 auto;
}
.product-form__buttons {
max-width: 100%;
}
.product-form__input {
max-width: 100%;
}