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

Solved
zentertainment
New Member
3 0 1

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

 

0 Likes

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!

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
zentertainment
New Member
3 0 1

Hi Zeian_Shahzad

This is exactly what I wanted, thank you so much

Have a nice day

0 Likes

@zentertainment,

You're welcome.

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes