How to change buttons on site to pill form

Solved

How to change buttons on site to pill form

AMOB
Shopify Partner
115 1 36

I wanted to ask how can I change these to pill form instead of rectangle, I use DAWN theme

Link  

 I want to change add to cart and buy now

and also my collections Shop now button

https://zoticjewelry.myshopify.com

Pass:shawsu

Screen Shot 2022-04-26 at 10.31.28 AM.png

Screen Shot 2022-04-26 at 10.28.47 AM.jpg

Accepted Solution (1)

KetanKumar
Shopify Partner
36932 3642 11997

This is an accepted solution.

@AMOB 

can you try this code

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

.button--secondary:after {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 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 6 (6)

KetanKumar
Shopify Partner
36932 3642 11997

This is an accepted solution.

@AMOB 

can you try this code

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

.button--secondary:after {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 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
AMOB
Shopify Partner
115 1 36

Thanks,  but buy it now is not pill shaped any fix?

Screen Shot 2022-04-26 at 12.36.42 PM.png

KetanKumar
Shopify Partner
36932 3642 11997

@AMOB 

do you need also inout round 

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
AMOB
Shopify Partner
115 1 36

I want the buy it now round it is rectangle right now, look above to see what I mean, do you have a code to make it pill form aswell.

AMOB
Shopify Partner
115 1 36

Never mind here is the code to fix the buy it now to

.shopify-payment-button__button { border-radius: 50px !important; overflow: hidden; }

KetanKumar
Shopify Partner
36932 3642 11997

@AMOB 

great thanks for update

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