Applying Button-Radius to certain buttons

60 9 17

I need help applying a button-radius of 60px to these buttons listed below. For some reason I can't figure out how to apply the radius to these buttons specifically. Your help is much appreciated!


- The "View Cart" and "Checkout" buttons that show after you add an item to cart.

- The "Continue browsing" button when you remove the item from cart or click on the cart page link when empty.

- The "Submit" button on the Contact page.

- The "Login" button on the Login page.

- The "Create" button on the Create Account page.



PW: aobrew


Shopify Partner
5784 1323 1695

This is an accepted solution.


Please add the following code at the bottom of your assets/theme.css file.

#cart button#ViewCart,#cart input#CheckOut, .cart-continue a.button, #contact input.button, #account .login-actions input.button, #create-account .login-actions input.button{
    border-radius: 60px;

Hope this works.


If helpful then please Like and Accept Solution.
Email: | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App