Contact Form 7 Issue in Cornerstone: Form section is covered up by next section

Built a customer service page on development site for client and using Contact Form 7 for the form. Have the form fully built and stylized, without any issues with previewing the page. The problem comes about when adding another section below the form section. This link shows what is happening.http://pecofoods.com/dev/customer-service/. The form section has a white background with a blue headline, followed by the form. Basically the red background should be full width and only surround the white text within it.

If I delete the Classic Contact Form 7 module, the page previews correctly. It also previews correctly if I move the 2nd section to the top, which is not an option.

Addendum: I was just looking at the code and noticed what may be the problem. For some reason when I add a section underneath the form section in Cornerstone, it is physically putting the new section inside the previous section. Cornerstone does not show this, but previewing the page in another browser while inspecting shows the new section inside the original section’s code. No idea why or how to resolve this.

Hi There,

Thank you for writing in most likely there is an unclosed HTML tag on your content. Please check the content of Text element above the form. And also checked the form markup from the form creation panel (not on Cornerstone).

Probably it’s on the form because you said the page works fine when you delete the form.

Hope it helps,
Cheers!

@friech, thank you for the suggestion. As you thought, there was a DIV that was not closed in the form structure. Once closed everything is working perfectly. Thanks again!

Glad to hear and thanks for letting us know!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.