Shopify Add to cart button border appear when ı click

Store Design
1

Hello. When ı click add to cart button in the product page it is appear arpund button black border. How ı remove this? My store: eycuf.com

1 Like
2

Hello, I have visited your site, you are using the theme “Dawn”.

Can I access your admin side to fix this problem?

3

Hi @zamanhasanov96 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-main-product.css->paste below code at the bottom of the file:
.product-form__submit {
    border: 0 !important;
    outline: none !important;
}
.product-form__submit:before,
.product-form__submit:after {
    display: none !important;
}

Hope it can help you.

4

@zamanhasanov96

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after, .shopify-payment-button__button--unbranded:hover:after {box-shadow: none !important;}