New update causes red border underneath form

@karanrocks Amazing. You’re psuedo class “:empty” worked! Thanks!

I’ve run into this same issue on two sites I manage. Each use a different theme, different plugins, etc.

I can add the following code to the theme’s CSS customization and it removes the border:

.wpcf7-form .wpcf7-response-output:empty {
display: none;
}

Adding that code to either site’s child theme style.css does not work as you’d expect.

Ultimately that border should be displayed around any contact form error messages. With the added css code the error message appears however the border no longer displays at all.

Have toggled all plugins with no change. All caches cleared.

This is still an issue as far as I can tell.

Contact Form 7 v5.2.2
WP v5.5.1
X-Theme
Lawyer Theme

TIA!

• This reply was modified 4 years, 2 months ago by richsadams.

Hi there,
May be there any server side cache or browser cache or issue in the code of CSS file.
Try to check in Private window or write CSS code at the top in the CSS file.
Or you can paste the site link here, So I can check there.