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

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
1255 223 258

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
1255 223 258

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
Shopify Partner
1317 233 280

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
Shopify Partner
1317 233 280

@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
485 164 167

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

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

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.