Remove quantity box on cart page, yet keep the values of the quantity , i.e, the (- 3 +).

Store Design
, , ,
1

Hi all. This is the extra code I have at the bottom of base.css, but it only changes the color of the rectangular box and color of quantity value figures. What I’m looking to achieve is to completely remove (or make transparent) the rectangular box, while still keeing the values - i.e. ( - 3 + ).

Current code I have:

}
.quantity__button {background-color: #fff; opacity: 1; color: #0072ce;}
quantity-input.quantity *{color: #0072ce;}
.quantity__input:focus-visible {background-color: #fff; opacity: 1;
border-top: 1px solid #73b2e4; border-bottom: 1px solid #73b2e4; outline: none;
box-shadow: none;
}
quantity-input.quantity { background: #fff !important; }

I’m comfortable enough to change or add code, but not sure what ‘exact code’ to use - or in what file to do it in - i.e., base.css, theme.liquid, product-form.js, etc.

Any assistance would be greatly appreciated - thanks!

2

@tunesine store url?

3

Hello @tunesine
Please provide the url of your website.