How can I give my sale boxes rounded corners?

[Avvoyer]

Hi! I am trying to make the highlighted box corner rounded. Can someone help me? Thanks!

[BrainStation23]

Hello @Avvoyer . Can you please share your store URL so that we can look at it?

[Tech_Savvy]

Hello @Avvoyer ,

I understand your concern and you need to employ CSS .To give an element rounded corners, apply this class rounded-box to it.

[niraj_patel]

Hello @Avvoyer

Can you share store URL?

[Moeed]

Hey @Avvoyer

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Mathew01]

.btn, div[role="button"], button[type="button"], button { border-radius: 5px !important; }

Change the value of border-radius according to your wish.

[ZestardTech]

Hi @Avvoyer

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[Avvoyer]

https://avvoyer.com

[Avvoyer]

https://avvoyer.com

[Avvoyer]

https://avvoyer.com .

[Avvoyer]

https://avvoyer.com .

[niraj_patel]

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.featured-product .price.price--large.price--sold-out.price--show-badge .color-scheme-4 { border-radius: 8px !important; /*adjust according to you*/ }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Avvoyer]

It worked! Thanks!