How to remove the border around contact form error message

Store Design
1

Where can I find the code to remove the black border around this error message? We are using the Dawn theme. Our store is shop.insteon.com

please-adjust-text-box copy.png
please-adjust-text-box copy.png608×635 21.8 KB

2

@sanzibar

Welcome to the Shopify community!
Please share your store URL!
I will check out the issue and provide the correct solution to you!

Thanks!

3

@sanzibar - can you please share your website link?

4

Hi @sanzibar ,

Kindly share your store URL, so that we can check and provide you with the solution.

5
6

@sanzibar

Please add the following CSS code to your assets/base.css bottom of the file.

*:focus-visible {outline-offset: 0rem !important;}

Thanks!

7

Hi @Sanzibar

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset-> base.css paste the below code at the bottom of the file.

.form__message h2:focus-visible{

outline: none !important;

outline-offset: 0 !important;

box-shadow: none !important;

}

Best Regards;

PageFly