Does Anyone know How to Toggle the Size Color Once the User Select a Size?

Store Design
, , , , ,
1

I want to change the size box to black and font white once the user select a size. Does anyone know how to do it for symmetry theme? This is my website https://stelleworld.com/collections/women-yoga-studio/products/softluxe-leggings

Screenshot 2024-11-21 at 2.56.24 PM.png
Screenshot 2024-11-21 at 2.56.24 PM.png634×190 2.55 KB

Thanks

2

Hi @momo12345 ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

label.opt-label:focus {
    background: black;
    color: white;
    border-radius: 5px;
    transform: scale(1.1);
}

Here is the result:

DaisyVo_0-1732262415157.png
DaisyVo_0-1732262415157.png1127×810 93.6 KB

Please let me know if it works!

Best,

Daisy