Variant Pill shape, color, and background color doesn't change.

Noel1992
New Member
4 0 0

Screenshot 2024-04-08 032148.png

Three Points:

1) I want the variant pills to look like the "buy it now" button when the customer hovers/selects the variant, and black text with white background for when the variant is left untouched/unselected.

2) The corner radius for the variant pills should match the "buy it now" button as well, however, the shape doesn't change when I manually adjust the corner radius slider under "variant pills" in the theme settings.

3) Lastly, I recently added the sale icon to the images using this code:

  1. .badge--bottom-left {
  2. background: #C01933 !important;
  3. }
  4. span.badge.price__badge-sale{
  5. background: #C01933 !important;
  6. }

Everything was fine until recently when the text color for the sale badge changed from white to black.

Any assistance will be greatly appreciated.

 

Please note- I am currently using the Dawn theme and a domain has not been linked to the website yet.

 

Thank you in advance

Replies 8 (8)

AnneLuo
Shopify Partner
480 98 96

Hello, @Noel1992 

Can you share your store url?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
Noel1992
New Member
4 0 0

Hi @AnneLuo 

https://f0b046-f2.myshopify.com/ here's the main page url. 

https://f0b046-f2.myshopify.com/products/krisline-cheri-semi-soft-bra and here is a sample product page url.

Thanks.

AnneLuo
Shopify Partner
480 98 96

And password?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee

PageFly-Noah
Astronaut
1119 201 220

This is Noah from PageFly - Shopify Page Builder App

Hi @Noel1992  about that , I need check element please send me link url website. Thank you so much.

 

Best regards,

Noah | PageFly

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Noel1992
New Member
4 0 0
PageFly-Noah
Astronaut
1119 201 220

@Noel1992 oke, can you send me pasword page, Thank you.

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Vinsinfo
Shopify Partner
265 96 87

@Noel1992 Kindly share your site password to let me view your site and share the solution.

Noel1992
New Member
4 0 0

@Vinsinfo @PageFly-Noah @AnneLuo Thank you all for the assistance and interest. I figured out the problem regarding the variant pills. It was a silly mistake on my part. I was using Glo Color Swatch App's trial version. Once I uninstalled the app the pills reverted back to the scheme colors.

 

Thank you again for reaching out to me. Highly appreciated.