A space to discuss online store customization, theme development, and Liquid templating.
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:
Solved! Go to the solution
This is an accepted solution.
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!
This is an accepted solution.
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!
Hi Zeian_Shahzad
This is exactly what I wanted, thank you so much
Have a nice day
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:-https://prnt.sc/y-9lx7pASRWk
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!