Rounding all buttons

Solved
Highlighted
Excursionist
32 0 3

Hey there, I'm trying to round all the buttons on my store. Currently my theme doesn't  offer this option and I'm not sure how to do it. 

1 Like
Highlighted
Shopify Partner
6236 909 2115

Hello, @phxllip 
Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
32 0 3

Hey Raj my site url is photifyco.myshopify.com or photifypresets.com. If you need a shared preview url let me know as my site has not yet launched

0 Likes
Highlighted
Shopify Partner
6236 909 2115

@phxllip 

Thanks for URL.

sorry, but your store is password protect can you please share us or share store preview URL.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
32 0 3
Highlighted
Excursionist
32 0 3

@KetanKumar Hey, did you get my message?

0 Likes
Highlighted
Shopify Partner
6236 909 2115

This is an accepted solution.

@phxllip 

sorry for late reply 

can you please add this

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.btn {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 100px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 100px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 100px; 
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
32 0 3

@KetanKumar No problem man, thanks so much. I was thinking a edge like this. What radius do you suggest?

3D8733F3-CEB1-4A3B-9F69-F8197BE3DAD1.jpeg

0 Likes
Highlighted
Shopify Partner
6236 909 2115

@phxllip 

Thanks 

yes you can change radius value as you like i have current code provide 100px you can change values as you like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
32 0 3

Awesome thank you @KetanKumar 

1 Like