Replies: 1
I am finding that there are lots of issues with CF7.
I was following as video tutorial and the following doesnt seem to do anything anymore.
.wpcf7-form{
margin-left:25px;
}
for example does not work on the form.
this is just one of many
here is the form code:
`<form method=”post” action=”#”>
<div class=”inquiry-form”>
<h3 class=”inquiry-title”>Enquire about this property</h3>
<div role=”form” class=”wpcf7″ id=”wpcf7-f12520-p12399-o1″ lang=”en-GB” dir=”ltr”>
<div class=”screen-reader-response”></div>
<form action=”/property/detached-mediterranean-style-villa-in-cabo-roig/#wpcf7-f12520-p12399-o1″ method=”post” class=”wpcf7-form” novalidate=”novalidate”>
<div style=”display: none;”>
<input type=”hidden” name=”_wpcf7″ value=”12520″ />
<input type=”hidden” name=”_wpcf7_version” value=”5.0.4″ />
<input type=”hidden” name=”_wpcf7_locale” value=”en_GB” />
<input type=”hidden” name=”_wpcf7_unit_tag” value=”wpcf7-f12520-p12399-o1″ />
<input type=”hidden” name=”_wpcf7_container_post” value=”12399″ />
</div>
<p><label> Your Name (required)<br />
<span class=”wpcf7-form-control-wrap your-name”><input type=”text” name=”your-name” value=”” size=”40″ class=”wpcf7-form-control wpcf7-text wpcf7-validates-as-required” aria-required=”true” aria-invalid=”false” /></span> </label></p>
<p><label> Your Email (required)<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” aria-invalid=”false” /></span> </label></p>
<p><label> Subject<br />
<span class=”wpcf7-form-control-wrap your-subject”><input type=”text” name=”your-subject” value=”” size=”40″ class=”wpcf7-form-control wpcf7-text” aria-invalid=”false” /></span> </label></p>
<p><label> Your Message<br />
<span class=”wpcf7-form-control-wrap your-message”><textarea name=”your-message” cols=”40″ rows=”10″ class=”wpcf7-form-control wpcf7-textarea” aria-invalid=”false”></textarea></span> </label></p>
<p><input type=”submit” value=”Send” class=”wpcf7-form-control wpcf7-submit” /></p>
<input type=’hidden’ class=’wpcf7-pum’ value='{“closepopup”:false,”closedelay”:0,”openpopup”:false,”openpopup_id”:0}’ /><div class=”wpcf7-response-output wpcf7-display-none”></div></form></div> </div>
</form>`
given that the form class is wpcf7, if i use this class i should be able to create a style for all contact forms.
and if I use div.wpcf7 I should be able to make the background span the whole width of the page, but it seems like any forms i create are not allowing or accepting certain code.
I am trying to add a background colour that spans the whole page width, so I can then move on and actually style the form elements.
I have tried using the following as well:
.wpcf7{
width:100% !important;
}but none of these options have had any success yet.
I would be very very grateful if somebody could help me.
many thanks in advance.
regards
Luke