I am trying to use a web form. For some reason, line breaks are being inserted in between lines of code. The pop up is on this page: http://procenter.staging.wpengine.com/fun-tennis-drills.htm

It also exhibits the same behavior on this test post: http://procenter.staging.wpengine.com/pop-up-pro-test.htm

This is the code as entered: `<form class=”infusion-form” accept-charset=”UTF-8″ action=”https://ib237.infusionsoft.com/app/form/process/e589c13cf1402f14982cfba5c0ccc1ac&#8221; method=”POST”><input name=”inf_form_xid” type=”hidden” value=”e589c13cf1402f14982cfba5c0ccc1ac” />
<input name=”inf_form_name” type=”hidden” value=”Caleb Marshall?Opt-In Form” />
<input name=”infusionsoft_version” type=”hidden” value=”1.43.0.45″ />
<div class=”infusion-field”><label for=”inf_field_Email”>Email *</label>
<input id=”inf_field_Email” class=”infusion-field-input-container” name=”inf_field_Email” type=”text” /></div>
<div class=”infusion-submit”><input type=”submit” value=”Submit” /></div>
</form><script src=”https://ib237.infusionsoft.com/app/webTracking/getTrackingCode?trackingId=e57867749d0fc299115358ad46067328&#8243; type=”text/javascript”></script>`

I have also tried using the tags, but this does not work either.

Can you please assist?

Thanks

Thanks for writing in! Can you confirm that you are fully updated? (Theme and Plugins)

Our latest versions are:
X Theme: 4.0.4
Cornerstone: 1.0.3
Visual Composer: 4.5.3
Revolution slider: 4.6.93

You can find the latest version numbers here: (http://theme.co/x/member/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

Thank you.

I completed the update and the issue still remains.

Thanks

We have done some checking and it turns out that you added a raw code directly in the WordPress editor. By default, WordPress editor will automatically add br and p tags for line breaks and newlines. WordPress will also clean up any script you will add in the editor. In your case, the script will no longer work because WordPress strip those scripts away as a preventive measure from any malicious attacks such as script injection.

Please try to edit your page in Cornerstone and insert a raw content element. You can paste your raw code inside the raw content element instead.

Hope this helps. Please let us know how it goes.

Thanks for updating the thread! it seems that you have entered the content into the WordPress text editor and it is adding paragraph tags automatically. Please check if you are getting the code into the “text mode”. Also, you can try enclosing the code in a div and see if that helps. Let us know how that goes. Hope this helps – thanks!

For the first suggestion, this is a custom post type for a pop up, so editing in Cornerstone is not an option. I tried using the [code] shortcode, but it does not work and just outputs the actual text of the HTML for the form: http://procenter.staging.wpengine.com/pop-up-pro-test.htm

For the second suggestion, I tried adding the <div></div> around the code and it didn’t have any effect:
<div><form class=”infusion-form” accept-charset=”UTF-8″ action=”https://ib237.infusionsoft.com/app/form/process/e589c13cf1402f14982cfba5c0ccc1ac&#8221; method=”POST”><input name=”inf_form_xid” type=”hidden” value=”e589c13cf1402f14982cfba5c0ccc1ac” />
<input name=”inf_form_name” type=”hidden” value=”Caleb Marshall�Opt-In Form” />
<input name=”infusionsoft_version” type=”hidden” value=”1.43.0.45″ />
<div class=”infusion-field”><label for=”inf_field_Email”>Email *</label>
<input id=”inf_field_Email” class=”infusion-field-input-container” name=”inf_field_Email” type=”text” /></div>
<div class=”infusion-submit”><input type=”submit” value=”Submit” /></div>
</form><script src=”https://ib237.infusionsoft.com/app/webTracking/getTrackingCode?trackingId=e57867749d0fc299115358ad46067328&#8243; type=”text/javascript”></script></div>

Any other suggestions?

Thanks

Please use this shortcode and wrap up your code inside this shortcode:

[x_section style="margin: 0px 0px 0px 0px; padding: 45px 0px 45px 0px; "][x_row inner_container="true" marginless_columns="false" bg_color="" style="margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; "][x_column bg_color="" type="1/1" style="padding: 0px 0px 0px 0px; "][x_raw_content] YOUR HTML CODE COMES HERE [/x_raw_content][/x_column][/x_row][/x_section]

Please replace YOUR HTML CODE COMES HERE with your HTML code in the shortcode.

Let us know how this goes!

Thanks

Cheers!