Dawn Theme| Center Quantity Selector On Desktop And Mobile

Shopify Discussion
1

Hello All. I am using Dawn theme 6.0.2 and I am having the hardest time centering the quantity selector on both mobile and desktop on the product page. I have managed to center everything else but I cant seem to get this to be centered. I have searched and used many different codes to no avail. Any help would be great. The site is not published yet, fyi.

I used this code to center the add to cart button and buy button

.product-form__input { margin: 1.5rem auto !important; } .product-form__buttons { margin: 0px auto !important; }

Thanks in advance for your help

Kenkash_1-1679064303704.png
Kenkash_1-1679064303704.png2736×1824 647 KB

2

hello @Kenkash

label.form__label {
    text-align: center !important;
}
quantity-input.quantity {
    margin: 0 auto !important;
}

Go to theme → edit code → base.css

and put this above code at the bottom of base.css

3

Thank you for that. Unfortunately is still doesnt work. Any other ideas. Its the darndest thing!

4

Hi @Kenkash ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

GemPages_0-1679210341051.png
GemPages_0-1679210341051.png400×163 25.3 KB

  1. add my code above the tag on Theme.liquid:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

5

Thank you for your response. Unfortunately that doesn work. I have done some coding for some other items on the website. I am wondering if somehow I did something to block the quantity selector from moving after trying so many different codes?