Error message is invisible

Add this to your theme’s stylesheet:

.wpcf7 {
	color: black;
}

This is due the following inline styling being added at https://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 or Chrome Dev Tools to examine the HTML and CSS of your CF7 form in detail.

See 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.

Thank you

@takayuki Miyoshi

Is there a particular place to put it? I tried in the plugin and in the css style editor.

@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.

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 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 custom CSS plugin.