Change border around variant picker to underline

I wish to change the border around my variant picker to an underline. I use dawn theme. Please see below photo examples.

current variant picker

Screen Shot 2023-04-28 at 10.50.13 am.png

html: https://tydejewellery.com/products/tyde-necklace?variant=44905251275067

Hi @vanessabate

This is Richard from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.select:after {

box-shadow: none !important;

border-bottom: 1px solid !important;

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

It worked! thankyou

1 Like

Once I click to change variant, the border returns. Is there a way to change this so it remains underlined?

You are welcome @vanessabate :blush: