How can I center product information in the Dawn theme?

[asherai_co]

Hello, I’m struggling to find a way to make it so everything in the product section is centered. This is as far as I could get.

As you can see, the quantity button is off-centre and the collapsible row’s content is partially hidden.

Someone please help - my website is https://www.asherai.co and password is shinem. Using Dawn theme version 12.

Thank you

[PageFly-Noah]

Hi @asherai_co

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Noah | PageFly

[oscprofessional]

Hello @asherai_co

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.product__info-container>*+* {
    text-align: center;
}
.product-form__input {
    max-width: 100% !important;
}
.quantity {
    margin: 0 auto;
}

[websensepro]

Hi, @asherai_co .

You can follow these steps:

Go to Online Store → Themes → Edit code.

Go to Assets folder → Base.css file.

Add the following code at the bottom of the file.

.product-form__input {
    text-align: center;
    max-width: 52rem;
}

.price--large {
    text-align: center;
}

.product__tax {
    text-align: center;
}

.quantity {margin: 0px auto;}

.product__accordion .accordion__content {
    padding: 15px 0px !important;
}

Result:

If I managed to help you then, don’t forget to Like it and Mark it as Solution.

[asherai_co]

Thank you so much!