How can I center the quantity selector in dawn theme?

Store Design
, ,
1

Hi,

I am looking to center the quantity selector and “quantity” word on my store. I have seen other questions on this but I think they were using old code so they haven’t worked for me. I am using the dawn theme. As you can see everything else in central. Any help would be appreciated.

Screenshot 2023-02-16 at 14.48.35.png
Screenshot 2023-02-16 at 14.48.35.png822×1370 105 KB

2

Hi @wattsga ,

Sure, I’m happy to help you. Let’s try this solution:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

.product-form__input {
    text-align: center !important;
}
.product-form__input .quantity {
    margin: 0 auto !important;
}

I hope it would help you
Best regards,

Richard | PageFly

3

Thank you very much! That has worked

4

Hi, your code was helpful. However, the quantity form is not centered to the info above it in desktop. In mobile it is perfectly centered. There still seems to be margin on the right hand side of the container inside the form. I tried to provide a screenshot but somehow png is not an allowable file type.