Solved

How to add rounded edges on add to cart button for Warehouse Theme

zentertainment
Tourist
8 0 4

Hi, 

I am looking to add rounded edges to my 'add to cart' button in the product grid for the warehouse theme

I am only looking to add this to the 'add to cart' button on the product grid not the product page

Any help or advice would be appreciated 

my website is: https://zingaentertainment.com/collections/pop-marvel

here is an example of what I am looking for: 

example of what I wantexample of what I want

 

Accepted Solution (1)

Muhammad_Ali_S
Shopify Partner
664 121 183

This is an accepted solution.

@zentertainment,

Add this CSS code at the bottom of your theme.css file.

.product-item--vertical .product-item__action-button,
.product-item--horizontal .product-item__action-button {
  border-radius: 30px;
}

 

Do let me know if it works for you.

Good Luck!

Ali Shahzad | Designer | Developer
- Was my reply helpful? Click Like and Accepted Solution to let me know!
- Feel Free to Contact | Whatsapp +92 3486775142

View solution in original post

Replies 6 (6)

Muhammad_Ali_S
Shopify Partner
664 121 183

This is an accepted solution.

@zentertainment,

Add this CSS code at the bottom of your theme.css file.

.product-item--vertical .product-item__action-button,
.product-item--horizontal .product-item__action-button {
  border-radius: 30px;
}

 

Do let me know if it works for you.

Good Luck!

Ali Shahzad | Designer | Developer
- Was my reply helpful? Click Like and Accepted Solution to let me know!
- Feel Free to Contact | Whatsapp +92 3486775142
zentertainment
Tourist
8 0 4

Hi Zeian_Shahzad

This is exactly what I wanted, thank you so much

Have a nice day

Muhammad_Ali_S
Shopify Partner
664 121 183

@zentertainment,

You're welcome.

Ali Shahzad | Designer | Developer
- Was my reply helpful? Click Like and Accepted Solution to let me know!
- Feel Free to Contact | Whatsapp +92 3486775142
gianfrancocg
Visitor
1 0 0

Hi! It worked on the homepage and collections, but how could I apply it on the products page as well?

gianfrancocg_0-1639885846367.png

 

ZestardTech
Shopify Expert
5393 970 1299

Hello there,
Working fine!
Screenshot:-https://prnt.sc/y-9lx7pASRWk

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ModernAV
Shopify Partner
62 0 28

Hi....Thank you so much for this info.  Any idea how I would get the product page add to cart and shop pay buttons to have round corners also?  Thanks again!