Contact Form 7 Field Names Not Visible

[USAT009]

When I go to update a page, even when using a template from an existing page, the CF7 form doesn’t render properly. below is a page I updated recently.

https://usatcorp.com/services/carrier-activation/

below is the page I used as a template.

NEMA Enclosures | Weatherproof NEMA Boxes from USAT (usatcorp.com)

Below is a test blog where i just used blocks (not cornerstone) and it renders just fine.

https://usatcorp.com/test-987/

below is a test blog where i used cornerstone, and again, it renders just fine,

https://usatcorp.com/test-988/

below is a test page, brand new, where I used cornerstone. and again it renders just fine.

https://usatcorp.com/test-989/

Why would it fail to render properly on the original page I noted?

[prakash_s]

Hello @USAT009,

Thanks for writing to us.

I checked the given site URL it seems that the style is rendering from the cache I would suggest you please purge all the cache and temporarily deactivate the cache plugins. I would also suggest you please clear your browser cache or check it on the private mode of the browser.

If the issue still persists please let us know.

Hope it helps
Thanks

[USAT009]

I’ve viewed this page in incognito on Chrome, Firefox, and Edge, and it always renders without the fields. Already cleared the cache via WpRocket, WPEngine, and Cloudflare independently. And it still shows up partially rendered on all platforms in regular and private browsing modes.

I’ve even tried dropping random other forms on this one page, and no matter what, it renders every form I try without fields.

[USAT009]

I temporarily replaced the form with an embeded script from JotForm. I’d much rather use my CF7 form, but it just won’t render properly whether I use the CF7 shortcode or the form integration widget element.

[marc_a]

Hey Jesse,

Upon checking the page https://usatcorp.com/services/carrier-activation/, the CF7 is working properly on the frontend. I suspect that you have already figure it out, if not, please let us know.

Thank you.

[USAT009]

No, as per my last comment, I swapped out the CF7 form for a JotForm instead since I couldn’t very well leave a partially broken page up on a live web environment. CF7 forms still do not render on that page.

[marc_a]

Hey Jesse,

Could you create a test page with CF7 available? In that way, we can troubleshoot your issue properly. If you are already satisfied with the embedded script from JotForm, please disregard this query.

Thank you.

[USAT009]

Refer to my original post on this topic, I created numerous test pages and posts where the CF7 form renders as intended. It just won’t render on this updated page. I don’t want to use the jotform.

[marc_a]

Hey Jesse,

Upon investigating further on your issue, I found out that there’s a div that holding the label on the page you’re having an issue.

And on the other page, the label is not inside the div.

I also found out that the material design CSS file is not present on the page you’re having an issue.

That being said, I highly suggest checking our troubleshooting procedures.

• https://theme.co/docs/common-issues

Hope that helps and let us know how it goes.