Decrease size of Quantity Box, Brooklyn Theme

Solved
Highlighted
Excursionist
13 0 6

Hi - for some reason, the quantity box in my standard product page template (Brooklyn theme) is way oversized (see pic). I'm sure there is an easy way to adjust this, but am not sure where to look. Would appreciate any tips! Thanks in advance.

 

screenshot.jpeg

0 Likes
Shopify Partner
948 97 152

If you can share the URL to your store that would help.

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Excursionist
13 0 6

Success.

Astronaut
958 117 222

You can put this at the bottom of theme.scss.liquid in your assets folder:

 

input#Quantity {
    max-width: 55px;
}

55px can be whatever you want, I just made it what I thought looked ok. Keep in mind you can't make it too much smaller because the number will get pushed out if there's too high of a number because of the selector when you hover. 

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Excursionist
13 0 6

Exactly what I needed - thank you so much!

0 Likes