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

Solved
pokersamadhi
Excursionist
18 0 10

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
24911 2497 9035

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
24911 2497 9035

@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
9198 1562 1928

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
Zworthkey
Shopify Partner
2567 309 641

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
pokersamadhi
Excursionist
18 0 10

password is psbetatest

 

thank you!! 

pokersamadhi
Excursionist
18 0 10

password is psbetatest

 

thank you!! 

Zeian_Shahzad
Shopify Partner
432 81 128

@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
24911 2497 9035

@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
9198 1562 1928

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
pokersamadhi
Excursionist
18 0 10

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?