Changing width of quantity box on Debut 1.0 Theme

Store Design
, ,
1

It seems like there must be a simple solution out there but I have tried several with no luck.

I am running the original Debut theme and need to change the quantity box size on product pages and make it wider in order to show 5 digits. Currently it will accept any number of digits, but due to the box being too narrow it only shows 3. How can I make the quantity box wider?

2

Can you provide the store URL?

3

Hello @FairWind

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

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

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

Hi @FairWind

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->theme.css

.product-form__input--quantity {
    width: 200px !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

5

That hasn’t worked unfortunately. Maybe there is a different solution? If it helps my site is fairwindfasteners.com

6

That hasn’t worked unfortunately. Maybe there is a different solution? If it helps my site is fairwindfasteners.com

7

The store URL is https://fairwindfasteners.com

8

Hello, you can try this

.product-form__input–quantity {
max-width:7rem;
}