Simple Theme- Add to Cart button not wide enough

Highlighted
New Member
2 0 0

Hello,

 I am using the Simple theme, and for some products I expect quantity input to be in the hundreds. The field is too small as is. What would be the CSS code to make it wider to allow for 3 an 4 digit entries more easily. 

As you can see I entered the value '300' in my screenshot below, but it shows as 30.

Screen Shot 2020-09-13 at 12.54.29 PM.png

 

I see this in the products template with no specifications as to field size. 

{% if section.settings.product_quantity_enable %}
<div class="product-single__quantity">
<label for="Quantity">{{ 'products.product.quantity' | t }}</label>
<input type="number" id="Quantity" name="quantity" value="1" min="1">
</div>
{% endif %}

0 Likes
Highlighted
Shopify Partner
951 143 155

Hi There!

Would you mind sharing a test URL so we can provide a solution for that?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
New Member
2 0 0

That would be really appreciated  


Here is the URL: https://skins-derma.myshopify.com

0 Likes
Highlighted
Shopify Partner
951 143 155

Please add the following to your theme.scss.css file:

input#Quantity {
    width: 50%;
}


That should do it, let me know! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes