how to change quantity button color?

Store Design
1

quantity.PNG

please help

1 Like
2

Hello There,

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

3

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

4

Hi
I didn’t find theme.css or style.css

5

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

6

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.

7

QUANTI.PNG
QUANTI.PNG223×100 1.15 KB

Now counting and + - sign is missing