Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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:
Best,
Liz
Hi @undercoverfresh
Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.
.product .quantity {
min-height: 45px;
width: 100%;
}
- 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.
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:
Best,
Liz
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025