Add to cart button change shape

Solved
bogdanzisbodo
Excursionist
25 0 2

Hi, I would like to change my ATC Button shape with this one, is there any way to do it? :) I'm using Narrative Theme.

https://imgur.com/a/tjNdln1

0 Likes
Denis_A
Shopify Partner
273 39 46

Hi @bogdanzisbodo,

 

I can help you with that, shoot me an email.

 

Best,

Denis

Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
0 Likes
KetanKumar
Shopify Partner
16931 1851 6335

Hello, @bogdanzisbodo 

Please share your site URL,

So I will check and provide a solution here.

If helpful then please Like and Accept Solution.

Want to modify or custom changes on store hire me.

Email: bamaniyaketan.sky@gmail.com

Skype : bamaniya.sky

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
bogdanzisbodo
Excursionist
25 0 2

@KetanKumar  Bellasioshop.com

KetanKumar
Shopify Partner
16931 1851 6335

@bogdanzisbodo 
Thanks for the share. see the attachment you have like?Bellasio.png

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
bogdanzisbodo
Excursionist
25 0 2

@KetanKumar Yea, I want something like this

0 Likes
KetanKumar
Shopify Partner
16931 1851 6335

@bogdanzisbodo 

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

.btn, .btn--secondary { border-radius: 100px !important; }
.btn::after, .btn--secondary::after
{
display: none !important;
}

If helpful then please Like and Accept Solution.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
bogdanzisbodo
Excursionist
25 0 2

@KetanKumar Seems like it didn't work

0 Likes
KetanKumar
Shopify Partner
16931 1851 6335

This is an accepted solution.

@bogdanzisbodo 

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

.btn, .btn--secondary { border-radius: 100px !important; }

If helpful then please Like and Accept Solution.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
bogdanzisbodo
Excursionist
25 0 2