Product Quantity Selector Not Showing Numbers on Product Pages (Debut Theme)

[leslieja]

Hello,

I can't seem to find an answer to the issue I am experiencing on http://jamnola.com. The quantity selector on product pages is either showing only a blank box or showing a box with just the arrows (depending on the browser) on desktop view. You cannot see the actual numeral/quantity selected when clicking up or down, which is a problem. (On mobile, the user can type in the numeral manually, which is fine.) I've checked all the solutions I've seen in similar help requests: the form text color is black and should be visible; the Product Page setting has the quantity selector enabled. I tried to see if this would work, but, 1) I shouldn't need to go into the code since the Debut theme has a quantity selector setting, and 2) I don't even see <form> in product.liquid. When I search for it, the highlighted code doesn't say <form>. (EDIT: I guess it shows I don't code. I now understand what is meant by <form> after reading other posts. Still don't know where to put the copy/paste code in the linked solution, though.)

Anyone know the fix for this? It stinks this happened during BFSBSCM.

[paramSoft · Accepted solution]

Please place this code at the end of theme.scss

.product-form__input--quantity {
max-width: 11rem !important;
}

[leslieja]

So far, so good! As soon as I check through all the other pages I'll mark as solved.