Decrease size of Quantity Box, Brooklyn Theme

Solved
Tourist
12 0 3

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
845 84 125

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
Tourist
12 0 3
Highlighted

Success.

Astronaut
884 106 197

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
Tourist
12 0 3

Exactly what I needed - thank you so much!

0 Likes