Get rid of box surrounding success message on newsletter element

[jessychung]

Hi,

How can I eliminate the box surrounding the success message ('You’ve been added to the waitlist)? The box doesn’t appear during the error message - only for the success message (see screenshot). I’m using the newsletter element on the password page.

Thanks,

Jessy

[WhiteWater_Web]

Hi there - can we see the store via the URL/link please?

Cheers.

WhiteWater Web

[jessychung]

https://mazden.co/

Thanks!

[WhiteWater_Web]

Thanks for that, but what is the password to access the main site? We can only see the temp page.

[jessychung]

The issue I’m trying to fix is on the password page.

[ZenoPageBuilder]

Hello @jessychung

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.ecom-shopify__newsletter-form-success:focus-visible {
    box-shadow: none !important;
}

The result

Hope that helps!

[jessychung]

Thank you! It worked like a charm.

[ZenoPageBuilder]

You are welcome!