Round add to cart button corners DAWN theme

[CarCleanCC]

Hello!

I am using the dawn theme and my URL is carcleansweden.se.

I would like to have round corners on my add to cart button.

I made them smaller before using this code in base.css if you need to know that: "product-form .quick-add__submit{min-height: calc(3rem);}".

I would hugely appreciate the help!

[Kyle_liu · Accepted solution]

Hi  @CarCleanCC 

1.  In base.css ,find `.button--secondary::after ` remove it.

.button--secondary::after {
--border-opacity: var(--buttons-border-opacity);
}

2. In base.css find this

'.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded,
.shopify-payment-button [role='button'],
.cart__dynamic-checkout-buttons [role='button'],
.cart__dynamic-checkout-buttons iframe {
--shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
--shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
--shadow-blur-radius: var(--buttons-shadow-blur-radius);
--shadow-opacity: var(--buttons-shadow-opacity);
--shadow-visible: var(--buttons-shadow-visible);
--border-offset: var(--buttons-border-offset); /* reduce radius edge artifacts */
--border-opacity: calc(1 - var(--buttons-border-opacity));
border-radius: var(--buttons-radius-outset);
position: relative;
}'  modify border-radius: `you want value`