How can I change the buttons on our store from square to pill shaped or more rounded?

Solved
pokersamadhi
Excursionist
20 0 12
‎10-20-2021 03:34 PM

How can I change the buttons on our store from square to pill shaped or more rounded?

Our store is pokersamadhi.com 

We haven't launched yet. I am using the Archetype theme Motion. 

300 Views
Reply
Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24923 2498 9041
‎11-12-2021 04:17 PM

Re: How can I change the buttons on our store from square to pill shaped or more rounded?

This is an accepted solution.

@pokersamadhi 

remove last one and add this

.shopify-payment-button__button {
    border-radius: 50px !important;
    overflow: hidden;
}
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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

67 Views
Reply
Replies 23 (23)
KetanKumar
Shopify Partner
24923 2498 9041
‎10-21-2021 02:06 AM

Re: How can I change the buttons on our store from square to pill shaped or more rounded?

@pokersamadhi 

sorry for any issue 

and thanks for url,
sorry your store password protect 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
245 Views
0 Likes
Reply
oscprofessional
Shopify Partner
9201 1563 1928
‎10-21-2021 03:34 AM

Re: How can I change the buttons on our store from square to pill shaped or more rounded?

Hi @pokersamadhi 

Your store is password Protect.

Please provide password So that i can check and let you know the  solution here.

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
233 Views
0 Likes
Reply
Zworthkey
Shopify Partner
2567 309 641
‎10-21-2021 03:45 AM

Re: How can I change the buttons on our store from square to pill shaped or more rounded?

Hii, @pokersamadhi 
Kindly share your store password so,
I can solve it perfectly.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
224 Views
0 Likes
Reply
pokersamadhi
Excursionist
20 0 12
‎10-21-2021 04:25 PM

Re: How can I change the buttons on our store from square to pill shaped or more rounded?

password is psbetatest

 

thank you!! 

210 Views
0 Likes
Reply
pokersamadhi
Excursionist
20 0 12
‎10-21-2021 07:47 PM

Re: How can I change the buttons on our store from square to pill shaped or more rounded?

password is psbetatest

 

thank you!! 

196 Views
Reply
Zeian_Shahzad
Shopify Partner
432 81 130
‎10-21-2021 10:04 PM

Re: How can I change the buttons on our store from square to pill shaped or more rounded?

@pokersamadhi,

Add this code at the bottom of your theme.scss file.

.btn {
    border-radius: 30px !important;
}

Do let me know if it works for you.

 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
190 Views
0 Likes
Reply
KetanKumar
Shopify Partner
24923 2498 9041
‎10-21-2021 11:07 PM

Re: How can I change the buttons on our store from square to pill shaped or more rounded?

@pokersamadhi 

thanks for password can you try this code

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

.btn, .product-reviews .spr-button, .product-reviews .spr-summary-actions a, .rte .btn, .shopify-payment-button .shopify-payment-button__button--unbranded {border-radius: 50px;} /* change value 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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
181 Views
0 Likes
Reply
oscprofessional
Shopify Partner
9201 1563 1928
‎10-22-2021 02:23 AM

Re: How can I change the buttons on our store from square to pill shaped or more rounded?

Hi @pokersamadhi 

Add the code in theme.scss file

.btn {
    border-radius: 50px !important;
}
If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
168 Views
0 Likes
Reply
pokersamadhi
Excursionist
20 0 12
‎10-27-2021 01:44 PM

Re: How can I change the buttons on our store from square to pill shaped or more rounded?

Thank you!! What do I add so that my read more/read less buttons, add to cart, and google pay buttons are rounded as well?

 

 

135 Views
Reply
Quick links
Facebook Twitter Youtube Instagram Linkedin Pinterest
Terms of Service Privacy Policy
Terms of Service Privacy Policy