How can i add round corners for "Add item to cart" button

Solved

How can i add round corners for "Add item to cart" button

Not applicable

Hi, i want to add round corners to the "Add item to cart" button like i explaine here:

123.png

 

Is that possible?

 

url: https://cb180d-31.myshopify.com/

 

password: 1239

 

Thank you

Accepted Solution (1)
niraj_patel
Shopify Partner
2378 514 512

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>
   button.product-form__submit::before, button.product-form__submit::after {
       border-radius: 25px !important;
   }
   .product-form__submit {
       border-radius: 25px !important;
   }
</style>

niraj_patel_0-1725200572643.png

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

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 4 (4)

niraj_patel
Shopify Partner
2378 514 512

Hello @Anonymous 

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>
button.product-form__submit::before , button.product-form__submit::after{
border-radius: 15px !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

 

If this solution not work then please share your store URL.

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
Not applicable

Hi, thanks for your work but it dosn't work.

 

maybe you can check my url.

 

url: https://cb180d-31.myshopify.com/ 

password: 1239

 

Best regards

niraj_patel
Shopify Partner
2378 514 512

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>
   button.product-form__submit::before, button.product-form__submit::after {
       border-radius: 25px !important;
   }
   .product-form__submit {
       border-radius: 25px !important;
   }
</style>

niraj_patel_0-1725200572643.png

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

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
Not applicable

Its working. Thank you 🙂