How Do I Justify/Align These to Center? Dawn Theme

[PeterMantu]

As per attached image, please assist with center aligning everything I have indicated. Please also look into aligning the "Customer reviews" text at the bottom - Dawn Theme. Here is my site URL

Thanks in advance.

[dmwwebartisan · Accepted solution]

@PeterMantu 

Please add following css code your assets/section-main-product.css bottom of the file.

.product-form__input {
    flex: 0 0 100%;
    padding: 0;
    margin: 0 auto !important;
    max-width: max-content !important;
    min-width: fit-content !important;
    border: none;
}

Thanks!

[diego_ezfy · Accepted solution]

@PeterMantu, do this to fix it in 20 seconds:

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

.product-form__input,
quantity-input.quantity{
    max-width: 100% !important;
    width: 100% !important;
}

Kind regards,
Diego

[dmwwebartisan · Accepted solution]

@PeterMantu 

Please add following css code your assets/section-main-product.css bottom of the file.

.product-form__input {
    flex: 0 0 100%;
    padding: 0;
    margin: 0 auto !important;
    max-width: max-content !important;
    min-width: fit-content !important;
    border: none;
}

Thanks!

[PeterMantu · Accepted solution]

Thanks @dmwwebartisan this worked perfectly.

[diego_ezfy · Accepted solution]

@PeterMantu, do this to fix it in 20 seconds:

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

.product-form__input,
quantity-input.quantity{
    max-width: 100% !important;
    width: 100% !important;
}

Kind regards,
Diego