Contact Form 7 Yellow Bar CSS Not Working

[kmacri13]

Hi,
I read a few other threads and found the CSS to try to hide the yellow error bar that is coming from Contact Form 7 and have added this to my Theme Options CSS:

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

However, I cannot get this CSS to actually work on the page for me. Is there a different code I should be using or something to get this to work for me? My website is: https://www.newmoonstrategy.com/contact/

Thank you!

[marc_a]

Hi Kate,

Thanks for reaching out.

The code you pasted above is working fine. I just check your website and found out that your @media(max-width:480) is missing a closing bracket } and that is the reason why the CSS provided is not working, please add a closing bracket so that the next CSS code will be working.

You can use CSS lint to properly syntax your CSS code.

Hope that helps and let us know how it goes.

Thank you.

[kmacri13]

Excellent, that fixed it! Thank you so much and thank you for that CSS lint resource, I have saved it and will definitely use it!

[marc_a]

Hi Kate,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.