How to customize a certain button

Solved
Dutchies
Tourist
35 1 10

I need some help customizing my "in winkelwagen" button below the products on the collection page / home page.

 

Dutchies_0-1613318715646.png

 

I want to make the buttons smaller and with round corners. Maybe also a shoppingcart in the center of the button.

KetanKumar
Shopify Partner
14125 1644 5063

@Dutchies 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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
Dutchies
Tourist
35 1 10

@KetanKumar 

dutchies-cbd.nl

password = 0702

0 Likes
KetanKumar
Shopify Partner
14125 1644 5063

This is an accepted solution.

@Dutchies 

Thanks for it 

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

.grid-product .btn {
    border-radius: 100px;
    padding: 10px 20px;
    color: #fff;
    margin-bottom: 10px;
}

 

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
Dutchies
Tourist
35 1 10

@KetanKumar 

 

it worked! Thank you very much

0 Likes