How can I modify and fix a button outline in a shopping cart?

How can I modify and fix a button outline in a shopping cart?

antoinelacour
Excursionist
43 0 8

Screenshot 2023-12-04 at 23.18.28.png

 

Hello!

 

See above, I would like to remove this white line that has suddenly appeared around the 'Continue shopping' button in an empty cart. Also to make the green outline squared, not rounded, and reduce the line thickness to match the 'Add to cart' buttons on product pages.

 

The site is https://plantedjournal.shop/cart

 

Any help would be greatly appreciated!

Reply 1 (1)

Erik_Abrio
Shopify Partner
29 6 10

Hello @antoinelacour 

 

It seems like you have added css code that sets the border radius to 0!important

base.css line: 1

.button:before, .shopify-payment-button__button--unbranded:before, .shopify-payment-button [role=button]:before, .button:after, .shopify-payment-button__button--unbranded:after {
    border-radius: 0!important;
}

This prevents all other classes from having effects because its set as !important.

If you want to fix that remove the !important statement and change your button radius in settings again.

The white lines are coming from the ::after and ::before elements all buttons have in Dawn Theme. Your Settings write the global variables which apply to those elements. The border-radius:0!important statement prevents those variables from applying. 

 

If you need further help just reply here.

 

Best Regards Erik