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

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:

@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

Hi Zeian_Shahzad

This is exactly what I wanted, thank you so much

Have a nice day

@zentertainment ,

You’re welcome.

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

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

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!