Contact Form 7 lables not showing

This sounds more like a style issue than a Contact Form 7 issue to me. A link to your site might help you.

This is not yet online.

I am sure you are right, but I haven’t figured out where to go with that.

When I change the theme to Minimalist Builder, all the missing text for Contact Form 7 reappears.

Same with other themes with a widget space on the right.

I can’t understand what you describe with TwentyTen and Contact Form 7. With me the labels of the fields are visible. So what you see could have some other cause that we can’t guess here.

I have only one recommendation: look at what CSS properties are set. Helpful are the developer tools of the browser you are using. Once you’ve found the culprit property, you can either fix it at the source or customize it in the Customizer.

Unfortunately, we can’t give you more detailed steps for the solution without a link to your page.

I am still trying to get this to work. Your comment has been very useful.

I am using the Twenty Ten theme. I have Contact Form 7 in the main widget. I thought it all worked fine at first, but I have made changes since and all the text disappeared, so I have tried different things.

By use of html, I now have all the text appearing except the text in the pop-up response box (“Your message has been sent,” etc.) The response box pops up with its outline and inside the box will show colored text decoration for the heading assigned to the Contact Form when short-coded into the widget, but the response itself still is hidden.

When I go to default Typography and customize heading 4 (text style color green and font decoration underline) then code the widget area this way:
<h4>[contact-form-7 id=”3368″ title=”Contact Form”]</h4>

the colored decoration appears. All of the labels are underlined in green, and inside the response box there are green underlines but no text.

When I short code Contact Form 7 into the main body of a new page, it all works just fine. The problem seems to arise from placing this in the widget. As I said, it did work right in the widget before, but something has changed.

When I “inspect” the code for the blank response box, I find this: <div class=”wpcf7-response-output” aria-hidden=”true”>Your message has been sent</div>. However, this same code appears when the message IS visible in the box (when Contact Form 7 is shortcoded into the main body of a new page).

Now we are getting a little closer to the case after all. So we are talking about a Contact Form 7 form in a widget.

But in which one? Which one do you mean by “main widget”? I see a “Primary Widget Area” in the theme.

In this widget area I have inserted a Contact Form 7 shortcode as a shortcode which was correctly recognized as a block. As soon as I save it, the form is displayed on the front page with labels.

The only thing I can understand here is the awkward display of the frame of the form fields. This can be solved with the following CSS in the Customizer:

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], textarea { width: 100%; }

As I said, the labels can be seen in my case. I have the assumption that you have built your form differently than Contact Form 7 requires. Because you can’t hide them the way CF7 does.

As already written above, either a link to the page or more detailed information would be important if one should be able to help you here.

By the way, <h4> to write the shortcode is both syntactically and contentwise wrong.