Decrease size of Quantity Box, Brooklyn Theme

Solved
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
Highlighted
Shopify Partner
1467 174 278

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
Highlighted
Excursionist
13 0 6
Highlighted

Success.

Shopify Partner
1206 162 329

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 my solution helped you, please like and accept as solution!
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
Highlighted
Excursionist
13 0 6

Exactly what I needed - thank you so much!

0 Likes
Highlighted
New Member
19 0 0

Hi Ninthon

 

 

 

0 Likes
Highlighted
Shopify Partner
1467 174 278

@Marlan find this rule .product-form__input--quantity in your theme.scss.liquid and change the value for max-width from whatever it is set to your custom value, i.e. 55px

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
1 Like
Highlighted
New Member
19 0 0

@Visely-Team 

 

Firstly, many thanks for your reply. I already did it and this is how it looks like now 

 

Screen Shot 2020-04-06 at 9.07.13 PM.png

But I need only quantity input box to be small without resizing ADD TO CART button like this Screen Shot 2020-04-06 at 9.10.45 PM.png

 

0 Likes
Highlighted
Shopify Partner
1467 174 278

That's a little bit different then :) Please share your store URL, I can then take a closer look.

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
1 Like
Highlighted
New Member
19 0 0

Hi @Visely-Team 

 

Very nice of you . Here is the link https://foods.seagullmaldives.com

 

Much appreciated your kindness

 

Best regards


@Visely-Team wrote:

That's a little bit different then :) Please share your store URL, I can then take a closer look.




 

0 Likes