Remove outline on button with Custom CSS (Dawn)

[PietroAriston]

I’m wanting to remove the outline on the button below the text ‘Edge Meets Elegance’ maybe through custom CSS on the Image Banner, help on how to do this would be appreciated

[Dan-From-Ryviu]

Hi @PietroAriston

Could you share your store URL so I can check?

[PietroAriston]

strifedesign.com

Here you go!

[rutvik_shop]

Hello @PietroAriston ,

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>add this code at the bottom of the file.

#shopify-section-template--17883997602021__image_banner .button.button--primary {
    text-decoration: none;
}

[PietroAriston]

Hi there, it did not work

[Dan-From-Ryviu]

Please add this code to Custom CSS of your Image banner section.

.button:after {
box-shadow: unset;
}

Best regards,

Dan from Ryviu

[ProtoMan44]

@PietroAriston thanks for posting here.
can you please put this CSS code into? css file:

body div#Banner-template--17883997602021__image_banner .button:after {
    box-shadow: none;
}
body div#Banner-template--17883997602021__image_banner .button {
    text-decoration: none !important;
}

[PietroAriston]

Hi there, it did not work

[ProtoMan44]

@PietroAriston why? it not work …

here is the proof :