Make variant pills white or transparent with black text

Hello, Im triyng to change the backround color of my variant pills to white or transparent and have the text black. Now the selected size is black and white text.

Appreciate if anyone shared the code!

Site url: https://23bc4a.myshopify.com/

/Leon

Hi @Leonpojen ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :


This will cause the selected variant to have the same color as the rest of the variants. If you want to change the color of unselected variants, you can add more code below


It look like:

PageFlyVictor_0-1679331994343.png

Hope my answer will help you.

Best regards,

Victor | PageFly

@PageFly-Victor

Hi again, is it possible to underline the selected one instead?

Sorry for the late reply. Yes, I see you did, let me know if you need any more help

Hi @Leonpojen ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved:

  1. Go to Edit code on Online Store:

  1. add my code above the tag on Theme.liquid:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.