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

Retired Boards Appdev Store Design
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 want
example of what I want382×137 3.53 KB

2

@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!

3 Likes
3

Hi Zeian_Shahzad

This is exactly what I wanted, thank you so much

Have a nice day

4

@zentertainment ,

You’re welcome.

5

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

gianfrancocg_0-1639885846367.png
gianfrancocg_0-1639885846367.png2056×856 219 KB

6

Hello there,
Working fine!
Screenshot:-Screenshot by Lightshot

7

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!