Dawn Theme: Changes to product site dropdown variant selectors

[Piirretty]

Hello.

I have this problem of not being able to make my variant selector dropdown pills look good. I need help making the same widht, as the "add to cart" and "buy it now" buttons. Also I want to make them more round, just like the buttons I talked about.

This is the way i want them to be.

A quick help would be appreciated!

https://b5c644-3.myshopify.com/

Password: 1111

Thanks in advance! 🙂

[Piirretty]

Hello.

I tried both, but couldnt change anything for some reason.

[PageFly-Henry]

Hi @Piirretty 

This is Henry 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

.product-form__input .select {

    max-width: 100% !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Piirretty]

Hello.

Thank you very much, it helped with the widht.

Now is there a code to make the corners round?

Thanks in advance!

[PageFly-Henry]

You can try again with this code:

.select:after{
border-radius: 50px !important;
}