Title: Error message is invisible
Last modified: August 30, 2016

---

# Error message is invisible

 *  [wgbmorgan](https://wordpress.org/support/users/wgbmorgan/)
 * (@wgbmorgan)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/error-message-is-invisible/)
 * Hello,
 * The message that should appear if a box is filled out incorrectly, if the form
   itself is incomplete or if the message sent successfully, is loading as white
   on a white background.
 * I am a bit of a novice on wordpress
    I tried the css style editor and clearing
   the browsing cache after edits were made just in case and still did not have 
   much luck.
 * [http://woofgangbakery.com/contact-us/](http://woofgangbakery.com/contact-us/)
 * Please advise on how I can fix this issue
    Thank you!
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [Takayuki Miyoshi](https://wordpress.org/support/users/takayukister/)
 * (@takayukister)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/error-message-is-invisible/#post-6426389)
 * Add this to your theme’s stylesheet:
 *     ```
       .wpcf7 {
       	color: black;
       }
       ```
   
 *  [davmerit](https://wordpress.org/support/users/davmerit/)
 * (@davmerit)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/error-message-is-invisible/#post-6426391)
 * This is due the following inline styling being added at [http://woofgangbakery.com/contact-us/](http://woofgangbakery.com/contact-us/)
 *     ```
       body {
       color: #ffffff;
       }
       ```
   
 * I’d recommend you start by pulling out whatever CSS you added via the css style
   editor, particularly if you don’t understand what you’re doing & why you are 
   doing it.
 * After that use Use [Firebug](https://getfirebug.com/) or [Chrome](https://developers.google.com/chrome-developer-tools/)
   Dev Tools to examine the HTML and CSS of your CF7 form in detail.
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/) for
   a general explanation of styling CF7 forms using CSS.
 * There is a link at the bottom of the page to a comprehensive and detailed article
   on **Styling Contact Form 7 Forms**. The article shows people, with suitable 
   HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms
   to meet their particular requirements.
 * Once you understand how the HTML and CSS is configured in your CF7 form, you 
   should be able to see the CSS changes you need to change the appearance of the
   form to suit your requirements.
 *  Thread Starter [wgbmorgan](https://wordpress.org/support/users/wgbmorgan/)
 * (@wgbmorgan)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/error-message-is-invisible/#post-6426415)
 * Thank you
 * [@takayuki](https://wordpress.org/support/users/takayuki/) Miyoshi
 * Is there a particular place to put it? I tried in the plugin and in the css style
   editor.
 * [@davmerit](https://wordpress.org/support/users/davmerit/)
 * The Firebug is similar to Inspect Element, correct?
    I found the problem through
   the Inspect Element; however, I can not associate it at the back end and where
   to fix it from there.
 *  [davmerit](https://wordpress.org/support/users/davmerit/)
 * (@davmerit)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/error-message-is-invisible/#post-6426434)
 * RE: The Firebug is similar to Inspect Element, correct?
 * Yes – they do the same job.
 * To change the style of your CF7 forms you would need to edit the CSS style sheets
   used by your WordPress theme.
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/) for
   a general explanation of styling CF7 forms using CSS.
 * There is a link at the bottom of the page to a comprehensive and detailed article
   on **Styling Contact Form 7 Forms**. The article shows people, with suitable 
   HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms
   to meet their particular requirements.
 * If you are uncomfortable editing CSS style sheets you may prefer to use a c[ustom CSS plugin.](http://wordpress.org/extend/plugins/search.php?q=custom+css)

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Error message is invisible’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

## Tags

 * [message error](https://wordpress.org/support/topic-tag/message-error/)
 * [text color](https://wordpress.org/support/topic-tag/text-color/)
 * [white text](https://wordpress.org/support/topic-tag/white-text/)

 * 4 replies
 * 3 participants
 * Last reply from: [davmerit](https://wordpress.org/support/users/davmerit/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/error-message-is-invisible/#post-6426434)
 * Status: not resolved