Dawn Theme - Decrease Width of Quantity Input Box

[skram]

Here's a preview link to my product page:
https://4hof4tawjfnjewzc-8321990727.shopifypreview.com/products/blue-raspberry-preworkout

[AvadaCommerce]

Hi @skram ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:

.product__info-wrapper .quantity__button {
    width: 25px !important;
}

.product__info-wrapper .quantity {
    width: 100px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[KetanKumar]

@skram 

sorry for that issue and thanks for all details can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file.

.quantity {calc(11rem / var(--font-body-scale) + var(--inputs-border-width) * 2);}

[GSK]

It worked great. I wanted to increase the size and increased this from 14 to 16 and it was perfect.

Thanks

[KetanKumar]

@GSK 

thanks for update if you need more let me know 

[Julia777]

Hey! Can you also give a code for decreasing the height of the quantity box? Width worked for me! Wanna make it shorter too

[KetanKumar]

@Julia777 

yes, please share store url

[Julia777]

wwww.aeteriuswear.com

(pw: ayiesh)

[KetanKumar]

@Julia777 

can you please share screenshot