Shopify themes, liquid, logos, and UX
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Hey @dilsymart ,
To change the color of the quantity button on your Shopify store, you can edit the CSS in your theme. Here’s how you can do it:
Follow these Steps:
1. Online Store.
2. Themes
3. Edit Code
4. Locate your theme’s CSS file. This is typically named something like theme.css or style.css under the Assets folder.
5. Add the following CSS to target the quantity buttons:
/* Change the color of quantity buttons */
.quantity-selector button {
background-color: #ff5733; /* Change this to your desired color */
color: #fff; /* Text color of the button */
}
.quantity-selector button:hover {
background-color: #c70039; /* Optional: change hover color */
}
Replace #ff5733 with the hex code of the color you want for the quantity button. You can use any valid color code, such as hex ( #ff5733), RGB (rgb(255, 87, 51) ) , or named colors (red).
If I was able to help you, please don't forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!
Best Regard,
Rajat Sharma
I didn't find these theme name theme.css or style.css
Hello!
1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom
#button.quantity__button.disabled{
.quantity {
color: rgba(var(--color-foreground));
position: relative;
width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width)* 2);
display: flex;
border-radius: var(--inputs-radius);
min-height: calc((var(--inputs-border-width)* 2) + 4.5rem);
background-color: white
}
}
Thanks.
Now counting and + - sign is missing
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025