Have your say in Community Polls: What was/is your greatest motivation to start your own business?

how to change quantity button color?

how to change quantity button color?

dilsymart
Tourist
5 0 1

quantity.PNG

 

please help

Replies 6 (6)

ZestardTech
Shopify Partner
5911 1067 1412

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

rajweb
Shopify Partner
370 35 50

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

 

 

 

-Need a Shopify developer?
https://rajatweb.dev/
Email: rajat.shopify@gmail.com
dilsymart
Tourist
5 0 1
Hi
I didn't find theme.css or style.css
dilsymart
Tourist
5 0 1

I didn't find these theme name theme.css or style.css 

steve_michael2
Trailblazer
287 30 36

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.

Crafting exceptional online experiences with innovative design and technology.

Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
dilsymart
Tourist
5 0 1

QUANTI.PNG

Now counting and + - sign is missing