How to adjust quantity button width

Solved

How to adjust quantity button width

undercoverfresh
Excursionist
138 0 19

I’m looking to make the quantity button more skinny the same size as the add to cart button in this page without Affecting the quantity buttons in cart drawers for mobile and desktop 

 

url knmb1c-pf.myshopify.com

password samurai 

IMG_8173.jpeg

Accepted Solution (1)

LizHoang
Shopify Partner
1250 158 196

This is an accepted solution.

Hi @undercoverfresh 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

.quantity {
    min-height: 42px !important;
}

 

Result: 

LizHoang_0-1739869685836.png

 

Best,

Liz

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
11288 2212 2381

Hi @undercoverfresh 
Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings. 

 

.product .quantity {
min-height: 45px;
width: 100%;
}

Screenshot 2025-02-18 at 15.51.49.png

 

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

LizHoang
Shopify Partner
1250 158 196

This is an accepted solution.

Hi @undercoverfresh 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

.quantity {
    min-height: 42px !important;
}

 

Result: 

LizHoang_0-1739869685836.png

 

Best,

Liz

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program