How can I change the variant button color in the Shopify bundle app?

Store Design
, , , , ,
1

Hi, I created a bundle using the new Shopify bundle app, now it created a new product with 3 variants (6 pack, 12 pack, and 24 pack). How do I change the color of the selected button from black to a different color?

Using Refresh 11.0.0 theme.

my website - https://cestlave.com/products/italian-charcuterie-pack?selling_plan=6443434294&variant=46197261631798

2

You can achieve this by adding custom css in the custom css section.

Please let me know for further query.

Thanks!

3

Thank you! The “Variant Picker” block doesn’t have a custom CSS option (see screenshot). how do I go about it now?

Screenshot 2023-08-08 141154.png
Screenshot 2023-08-08 141154.png1699×1261 250 KB

How will the code look like?

4

Try adding this to your theme CSS:

#shopify-section-template--20615795867958__main .product-form__input input[type="radio"]:checked + label {
    background-color: black;
}

You can replace “black” with whatever color you choose.

By the way, what are your thoughts on the Shopify Bundles app? Have you used any bundles apps before?