Changing the order instruction and quantity bubble color

Store Design
1

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)

Képernyőfelvétel (4).jpg
Képernyőfelvétel (4).jpg1632×945 93.5 KB

2

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;
}
3

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

Képernyőfelvétel (6).jpg
Képernyőfelvétel (6).jpg1219×566 25.2 KB

4

if you can share preview URL so i can give code

5 
.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