New update causes red border underneath form

Hi, same here with 5.2, I had to add some css to hide this red border >> div.wpcf7-response-output{border:none; color:#ff0000;}

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

I’ve tried multiple CSS to try and hide it but on mine it just won’t disappear for some reason!

Same issue here with the update 5.2, It’s because of the changes in the CSS classes by plugin developer. You can use the below CSS code to fix this. It’s a quick fix for version 5.2, Hope it will be resolved in the future updates.

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

Hi,

I have almost the same issue as @charliemariephoto but I can click on the red box and it closes.

However I cannot get rid off it and now it is on all my sites that I have updated!

Someone on another thread posted this line of CSS:-

body .fusion-alert.alert {
border: none !important;
}

@karanrocks Can you tell me where to place the CSS to fix this?

Thank you

Hello @presant1934
Please add the below CSS line in Dashboard: Appearance > Customize > Additional CSS

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

@karanrocks

Thank you! Worked like a charm!

You certainly do ROCK!

So grateful for that.

Take care

For whatever reason, that CSS code refuses to work on my site! Red border still shows *shrugs*

@charliemariephoto
may be some conflict within your theme/plugins CSS code or may be any cache issue.
you can use the below updated code (added !important) or paste your site link, so i can check there.

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

what’s really weird, is it does work when i use the visual css plugin i have. but then when i load the page, it’s back again!

here’s the link: https://www.tideandtree.com/contact/

thanks!

Everything looks good, but i can’t see the CSS i have asked in the previous messages.
Try to add CSS here: Dashboard: Appearance > Customize > Additional CSS
and then clear cache and check.

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

ok that’s really weird… when i do it your way – it worked!

but i use a plugin for css – siteorigin css. that’s where i was placing it, but it wasn’t working there.

I know that plugin is nothing to do with you, but do you have any idea why that site origin css plugin might not have worked?

thanks so much!

It’s only possible whenever, There is a wrong CSS written in the siteorigin css panel. which is blocking the other CSS. try to add the asked CSS line at the top of the other CSS.
Also, I can see that, there is a strong cache enabled. please try to clear cache.

tried clearing site cache and sticking code on top of other css, still showing.

only time it doesn’t is when i place it where you mentioned. but i like to keep all my css together so i know where everything is!

i may need to reach out to siteorigin i think?

OK, I have checked the CSS file, and its updated last week. it means there is no issue with siteorigin plugin, actually your current changes are not updated to the CSS (cache) file. looks like you are using WP-Optimize plugin.
– try to clear cache from all cache related plugins.
– try to deactivate/activate cache plugins.
– try to delete everything from /wp-content/cache/ folder.

please follow one/all of the above steps and your problem will be fixed.

that worked! I had to reset the minified files which purged the cache, and now the code in the site origin plugin works!

Thanks SO much! I’d have never figured that out on my own haha.