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

Solved
pokersamadhi
Excursionist
22 0 13

Our store is pokersamadhi.com 

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

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
26721 2680 9396

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

Replies 23 (23)
KetanKumar
Shopify Partner
26721 2680 9396

@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
oscprofessional
Shopify Partner
9441 1581 1974

Hi @pokersamadhi 

Your store is password Protect.

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp
| 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
Zworthkey
Shopify Partner
3520 415 802

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. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
pokersamadhi
Excursionist
22 0 13

password is psbetatest

 

thank you!! 

pokersamadhi
Excursionist
22 0 13

password is psbetatest

 

thank you!! 

Zeian_Shahzad
Shopify Partner
437 83 135

@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!!
KetanKumar
Shopify Partner
26721 2680 9396

@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
oscprofessional
Shopify Partner
9441 1581 1974

Hi @pokersamadhi 

Add the code in theme.scss file

.btn {
    border-radius: 50px !important;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp
| 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
pokersamadhi
Excursionist
22 0 13

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?