Applying Button-Radius to certain buttons

Solved
jacauschi23
Explorer
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.

 

TEST SITE: https://doja-exclusives.myshopify.com/

PW: aobrew

 

dmwwebartisan
Shopify Partner
5784 1323 1695

This is an accepted solution.

@jacauschi23 

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.

Thanks!

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