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?

[Avvoyer]

https://avvoyer.com

[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?

[Avvoyer]

https://avvoyer.com

[niraj_patel · Accepted solution]

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 </body> on theme.liquid
<style>
.featured-product .price.price--large.price--sold-out.price--show-badge .color-scheme-4 {
     border-radius: 8px !important; /*adjust according to you*/ 
  }
</style>

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

[Avvoyer]

It worked! Thanks!

[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

[Avvoyer]

https://avvoyer.com . 

[Mathew01]

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

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  .