How can I create rounded styles in Motion theme elements?

Store Design
1

Hi community!

I’m trying to make some rounded style in buttons, variants label and color swatches by turning their border radius into 15px, but I can’t find their css id.

It would be greatly appreciated if anyone could help me

2

@djawedbhn - can you please share your website link? usually buttons have class btn, so you can try this css

.btn{border-radius:15px;}
1 Like
3

@suyash1 - Thanks for this code.

Please take a look to the store so you could find variants label and color swatches element.

fdfdf.JPG
fdfdf.JPG671×216 8.82 KB

store: https://gyugooooooooo.myshopify.com/collections/our-favorite-planters/products/metal-round-halo-hanging-planter

4

@djawedbhn - try this, adjust as per the need

.variant-input-wrap label {border-radius: 15px;}
.color-swatch:before {border-radius: 15px;}
1 Like
5

Thank you so much