Changing the order instruction and quantity bubble color

[NushIsReady]

Hello there!

i have managed to change the bubble colours yesterday in the theme color settings (on the left) that i have marked red on the screenshot , however i somehow did not save it. I have tried changing all of the colour options on the left, but none of them changed the red marked bubbles, even though it worked before. Is there any other way i could change these specific bubbles?

Thank you in advance! (I am using the free Sense theme)

[Ahsan_ANC]

Hi @NushIsReady 
You can try this code

1. Go to Online Store-> Theme->Edit code
2. Asset-> base.css ->paste the below code at the bottom of the file.

.quantity__button {
    background-color: #1D9C28 !important;
}
.quantity__button:first-child {
    border-radius: 10px 0 0 10px;
}
.quantity__button:last-child{
    border-radius: 0 10px 10px 0;
}
.quantity__input {
    background: #1D9C28!important;
}
.cart__note .field__input {
    background: #1D9C29;
}

[NushIsReady]

Thank you! The order note works just fine now, the quantity button has 3 different colours though:

 

[Ahsan_ANC]

if you can share preview URL so i can give code

[Ahsan_ANC]

.quantity__button {
    background-color: #d3d3d3!important;
}
.cart-item__quantity .quantity__button:first-child {
    border-radius: 15px 0 0 15px;
    background-color: #d3d3d3!important;
}
.cart-item__quantity .quantity__button:last-child{
    border-radius: 0 15px 15px 0;
    background-color: #d3d3d3!important;
}
.cart-item__quantity .quantity__input {
    background: #d3d3d3!important;
    opacity: 1;
}
.cart__note .field__input {
    background: #d3d3d3;
}

replace the previous code with this one