CF7 response output always has warning colors

[magikweb]

We’ve found many posts about similar issues (such as: CF7 Response is Always Warning Colour in 5.2+).

We use Pro 7.3.9 and didn’t see anything in the changelogs fixing it, so either the theme overrides the proper CSS somehow or we did some accidental global CSS on our 100+ sites.

To reproduce the issue, you can fill out this form (I’ll be the only one receiving the resulting emails): https://www.magikweb.ca/contactez-nous

Thank you for any lead!

[prakash_s]

Hello @magikweb,

Thanks for writing to us.

I checked your given site URL it seems that the given site styles are rendring from the cache style. I would suggest you please purge all the cache temporarily deactivate the cache plugin and recheck it. For the quick fix, I would suggest you please add this custom CSS code to the global CSS.

form.wpcf7-form.sent .wpcf7-response-output {
    background-color: transparent;
    border: 1px solid #017467;
    color: #017467;
}

Please feel free to change the color code as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[magikweb]

Thanks for the follow-up!

We’ll use the CSS to override it on the site that’s sensitive which will work for sure, but for all other sites having the same issue we’d like to find a native solution that doesn’t require us adding custom CSS on them 1 by 1 (there are 158 sites having the same issue, it’s a WPMU).

We flushed all of SiteGround’s and CornerStone’s cache to no avail. We disabled CSS combination/preload/minification along with HTML minification (in case inline style would be used).

We’re developers and should be able to dig deeper in the technical, but can you tell us where the native CSS rules are located in the theme’s files for that response box? We’ll start by making sure those rules are there and not overridden somehow by our global CSS.

Otherwise, if you have any other lead or know which cache could have caused this (in case it’s not one we flushed/disabled), let us know!

[christian]

Hey @magikweb,

This possibly is a bug in Pro 6.3.9. I have the latest in my site and I couldn’t replicate this issue. Please update to Pro 6.4.5.

[magikweb]

Hello Christian,
The update was complete, the issue seems to persist. Our last post’s questions would still be valid, if we know where to look we can at least eliminate our own global CSS, but we’re following your lead if you know anything else we should try!

Pro: 6.4.5, caches flushed

Thank you for your patience, anything we can provide we will!

[charlie]

We’ll be releasing a fix for the form messages in an upcoming releases. Thanks for sending this our way.