Quantity selector color when selected (Dawn)

Store Design
, ,
1

hi all,

when i want to put in a number in the quantity selector, thee background changes to black, i can’t find in the code where i can change this to an different colour.

Schermafbeelding 2023-09-16 142137.png
Schermafbeelding 2023-09-16 142137.png430×255 8.38 KB

quantity selector selected.png
quantity selector selected.png1397×340 7.08 KB

hope someone can help me.

URL =

https://3643bf.myshopify.com/products/diadeem-gold-flower?variant=46881519468875

Password =

Bloom

thanks in advance

2

Hello @AndyG1 ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code below:

.quantity__button:focus-visible, .quantity__input:focus-visible {
    background: transparent !important; 
    outline: 0 !important;
    box-shadow: none !important;
}

Thanks

1 Like
3

Hi @AndyG1 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file → Save

.quantity__button:focus, .quantity__input:focus{
background-color: #B38383 !important;
        outline:none !important;
        box-shadow:none !important
        
}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

1 Like
4

Nice!, Thanks for the help! this worked for us!

Cheers