如何使联系表格7整页宽度?

时间:2018-09-13 12:06:49

标签: wordpress contact-form-7

我正在使用联系表7在WordPress中创建一个联系表,但是我看不到如何使其具有完整的页面宽度。

我尝试了以下建议,但没有成功:

div.wpcf7 {width:100%!important;}

该建议仅起作用一次,当我更改表单名称时,代码不再起作用。

我也尝试了以下方法: .wpcf7 {width:100%!important;}

和 .wpcf7-form {width:100%!important;}

所有这些建议似乎都不会影响表格的宽度。

请帮助,我一直在网上搜索并尝试建议,但没有任何影响。

非常感谢您的帮助。

enter code here


<form method="post" action="#">
                        <div class="inquiry-form">
                <h3 class="inquiry-title">Enquire about this property</h3>
                <div role="form" class="wpcf7" id="wpcf7-f12490-p12399-o1" lang="en-GB" dir="ltr">
<div class="screen-reader-response"></div>
<form action="/property/detached-mediterranean-style-villa-in-cabo-roig/#wpcf7-f12490-p12399-o1" method="post" class="wpcf7-form" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="12490" />
<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-f12490-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>

0 个答案:

没有答案