Change variant picker to square

[ads18922]

Hello, i want to change my variant picker to square for my sizes without changing my color swatches:

As you can see the Ring Size is currently a circle, i want it to look like this:

where it is a square/rectangle

my website is www.alexadrawestbrook.com , theme is dawn

[pawankumar]

Hi @ads18922 
Please put this css in theme.liquid before body closing tag </body>

<style>
fieldset.js.product-form__input.product-form__input--pill label {
    border-radius: 0.625rem;
    padding: 2rem 3rem;
}
</style>

Thanks!

[ads18922]

hello, this didnt work

[PageFly-Richard]

Hi @ads18922 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.product-form__input--pill label {
    border-radius: 5px !important;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly