Remove button outline/border - Dawn theme

Hello!

I’m trying to remove the white outline around my “slider button”

border: none;/0 and/or outline: 0; doesn’t work…

theme: dawn

shop: https://usxcvcqqehhbtf8k-66895675693.shopifypreview.com

Any help would be appreciated! :slightly_smiling_face:

@memikee
Unchecked below option
customize->image banner->buttons->unchecked below checkbox

Thank you for the reply!

That option is already tuned off.

I have button border setting set to: 2px in the theme settings. but i want to keep that setting, and only turn it off on the button within the image slide.

Hope this helps :slightly_smiling_face:

Hi @memikee

Thanks you for question

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
.slideshow__text .banner__buttons .button:before,
.slideshow__text .banner__buttons .button:after {
    display: none !important;
}

I hope it would help you

Hello @memikee

You can add code by following these steps to hide buton border from slideshow

  1. Go to Online Store → Theme → Edit code.

  2. Open your base.css theme file

  3. Paste the below code at the bottom of base.css

.banner__buttons .button:before,.banner__buttons .button:after{
box-shadow:none !important;
}

1 Like

Thank you, this worked! you just saved me a bunch of time :slightly_smiling_face:

1 Like

Thank you very much!

1 Like