Solved

Rounded Edges on Product Page

Dawenn
Excursionist
25 0 4

Hi, 

How to round the edge of this:

Opera Instantâneo_2024-03-27_104317_tudoconexao.com.png

Like this:

Opera Instantâneo_2024-03-27_104335_tudoconexao.com.png

Store: tudoconexao.com 

Daniel Wendell 鸞
Accepted Solution (1)

theycallmemakka
Shopify Partner
1417 316 340

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

theycallmemakka_0-1711552003733.png

 

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 2 (2)

theycallmemakka
Shopify Partner
1417 316 340

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

theycallmemakka_0-1711552003733.png

 

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Dawenn
Excursionist
25 0 4

Both methods worked! Thank you!

@hustlewithdream @theycallmemakka 

Daniel Wendell 鸞