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

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

JosephC1
Tourist
6 0 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=4619726163179...

Replies 3 (3)

Kushagra0602
Shopify Partner
16 1 0

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

Please let me know for further query.

Thanks!

Kushagra Dubey
JosephC1
Tourist
6 0 1

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 How will the code look like? 

tobebuilds
Shopify Partner
469 34 125

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?

Founder, Regios Discounts app (4.8 stars, 64 reviews, Built for Shopify)
- Custom discounts made simple
- "Just about any discount you'll ever need"
- Built by an ex-Google software engineer