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

Solved
pokersamadhi
Excursionist
12 0 9

Our store is pokersamadhi.com 

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

Replies 23 (23)
KetanKumar
Shopify Partner
24919 2495 9027

@pokersamadhi 

yes please sent issue images 

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
pokersamadhi
Excursionist
12 0 9

 

@KetanKumar 

huh?? i want to add to the code so that my read more/less, add to cart, google pay buttons are pill shaped as well. Right now, on the product pages, everything is square, and places where text is long and hidden, the "read more" and "read less" buttons are square too.

KetanKumar
Shopify Partner
24919 2495 9027

@pokersamadhi 

can you please show me 

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
pokersamadhi
Excursionist
12 0 9

@KetanKumar oh! so sorry! yes of course. 

 

here is a link where you can see the read more button is square: https://pokersamadhi.com/pages/tom-mcevoy (picture below)

 

Screen Shot 2021-10-27 at 12.14.25 PM.png

 

and here is what all the product pages look like: 

 

Screen Shot 2021-10-27 at 12.16.56 PM.png

 

 

 

 

KetanKumar
Shopify Partner
24919 2495 9027

@pokersamadhi 

yes please try this code

.payment-buttons .btn--tertiary {border-radius: 50px;}
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
pokersamadhi
Excursionist
12 0 9

@KetanKumar 

The "Buy With Paypal" buttons are still square. 

 

Screen Shot 2021-10-27 at 8.13.26 PM.png

  

KetanKumar
Shopify Partner
24919 2495 9027

@pokersamadhi 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

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
pokersamadhi
Excursionist
12 0 9

@KetanKumar 

 

I am in chrome. all the special payment buttons on product listings are square, whether it be paypal, shop pay or google pay. 

pokersamadhi
Excursionist
12 0 9

Hi @KetanKumar 

Would you still be able to help me with this? I'm trying to fix the payment buttons like "buy with paypal." For some reason they are not the same pill shape as the rest of the buttons on my site. 

Thank you!

Screen Shot 2021-11-12 at 10.15.28 AM.png

 

KetanKumar
Shopify Partner
24919 2495 9027

@pokersamadhi 

yes please add this code

.shopify-payment-button__button {border-radius: 50px; 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