Hi all,
I was wondering if you could help me with the following problem I have.
I have created a Contact Form (let's say CF1) and styled it via CSS. However, after I copied it to another Contact Form (CF2), the styling doesn't appear anymore. What's more the code is shockingly different. It looks like CF2 gets an extra <form> tag that isn't closed.
CF1:
<div class="wpcf7" id="wpcf7-f104-p32-o1"><form action="/wp/opleidingen-2/master-course/#wpcf7-f104-p32-o1" method="post" class="wpcf7-form" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="104" />
<input type="hidden" name="_wpcf7_version" value="3.4.2" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f104-p32-o1" />
<input type="hidden" name="_wpnonce" value="6467669375" />
</div>
<p>Course<br />
Master Course</p>
<p>Uw naam<br />
<span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text" /></span> </p>
<p>Uw email*<br />
<span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" /></span> </p>
<p>Uw telefoonnummer<br />
<span class="wpcf7-form-control-wrap your-phone"><input type="tel" name="your-phone" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-tel" /></span></p>
<p>Onderwerp<br />
<span class="wpcf7-form-control-wrap your-subject"><input type="text" name="your-subject" value="" size="40" class="wpcf7-form-control wpcf7-text" /></span> </p>
<p>Uw bericht<br />
<span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea"></textarea></span> </p>
<p><small>* Veld is verplicht</small></p>
<p><input type="submit" value="Neem contact met mij op" class="wpcf7-form-control wpcf7-submit" /></p>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div>
CF2:
<form action="http://uptide.be/postExtended.php" autocomplete="off" method="post" name="form1"><div class="wpcf7" id="wpcf7-f216-p27-o1"><form action="/wp/opleidingen-2/extended-course/#wpcf7-f216-p27-o1" method="post" class="wpcf7-form" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="216" />
<input type="hidden" name="_wpcf7_version" value="3.4.2" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f216-p27-o1" />
<input type="hidden" name="_wpnonce" value="0a31df1e6c" />
</div>
<p>Course<br />
Extended Course</p>
<p>Uw naam<br />
<span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text" /></span> </p>
<p>Uw email*<br />
<span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" /></span> </p>
<p>Uw telefoonnummer<br />
<span class="wpcf7-form-control-wrap your-phone"><input type="tel" name="your-phone" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-tel" /></span></p>
<p>Onderwerp<br />
<span class="wpcf7-form-control-wrap your-subject"><input type="text" name="your-subject" value="" size="40" class="wpcf7-form-control wpcf7-text" /></span> </p>
<p>Uw bericht<br />
<span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea"></textarea></span> </p>
<p><small>* Veld is verplicht</small></p>
<p><input type="submit" value="Neem contact met mij op" class="wpcf7-form-control wpcf7-submit" /></p>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div>