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!
Hi @CarCleanCC
.button--secondary::after remove it..button–secondary::after {
–border-opacity: var(–buttons-border-opacity);
}
‘.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**
