Rounded Edges on Product Page

[Dawenn]

Hi, 

How to round the edge of this:

Like this:

Store: tudoconexao.com 

[theycallmemakka · Accepted solution]

Hi @Dawenn 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.product-form__variants .variant-swatch__radio:checked+.variant-swatch__item{
    border-radius: 13px;
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[Dawenn]

Both methods worked! Thank you!

@hustlewithdream @theycallmemakka