Re: How can I give my sale boxes rounded corners?

Solved

How can I give my sale boxes rounded corners?

Avvoyer
Excursionist
41 0 7

Hi! I am trying to make the highlighted box corner rounded. Can someone help me? Thanks!Captura de tela 2024-06-03 022515.png

Accepted Solution (1)
techlyser_web
Shopify Partner
1849 345 373

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

techlyser_web_0-1717428289867.png

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

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 12 (12)

BrainStation23
Shopify Partner
380 57 55

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

Brain Station 23 PLC (Mail: js.team@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps
Avvoyer
Excursionist
41 0 7

Tech_Savvy
Tourist
22 0 3

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.

techlyser_web
Shopify Partner
1849 345 373

Hello @Avvoyer 

Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Avvoyer
Excursionist
41 0 7
techlyser_web
Shopify Partner
1849 345 373

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

techlyser_web_0-1717428289867.png

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

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Avvoyer
Excursionist
41 0 7

It worked! Thanks!

Moeed
Shopify Partner
4391 1134 1390

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

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Avvoyer
Excursionist
41 0 7

Mathew01
Tourist
3 1 1

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

 

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

Mathew
E-commerce Enthusiast | User Experience Advocate
"Always learning, always sharing"

ZestardTech
Shopify Partner
5645 1032 1359

Hi @Avvoyer 

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Avvoyer
Excursionist
41 0 7