0
我在桥主题中使用联系表格7。风格不改变形式
我尝试自定义表单,以便有2列,并且文本与用户编写代码的框位于同一行。
我的问题在于,即使我使用样式以改变高度和宽度并且设置边框不采取样式。任何想法为什么会发生?
#left_form7 {
width: 47%;
float: left;
margin-right:6%;
}
#right_form7 {
width: 47%;
float: left;
}
.clearfix_form7:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
margin-bottom:10px;
}
.clearfix_form7 {
display:block;
}
span.label_form7 {
float: left;
width: 180px;
}
span.form-input_form7 {
float: left;
width: 200px;
}
<div class="clearfix_form7">
<div id="left_form7">
<span class="label_form7">First name</span><span class="form-input_form7" style="border-width:2px; border-style: solid; border-color: #000000; height: 5px; width:320px">[text first-name]</span><br/> <br/>
<span class="label_form7">Last name</span><span class="form-input_form7" style= "border-width:2px; border-style: solid; border-color: #000000; height: 5px; width:320px">[text last-name]</span><br/> <br/>
<span class="label_form7">How Did You Find Us?</span><span class="form-input_form7" style="border-width:2px; border-style: solid; border-color: #000000; height: 5px; width:320px">[text text-find-us]</span><br/>
</div>
<div id="right">
<span class="label_form7">Email</span><span class="form-input_form7" style="border-width:2px; border-style: solid; border-color: #000000; height: 5px; width:320px">[email* your-email]</span><br/> <br/>
<span class="label_form7">Phone</span><span class="form-input_form7" style="border-width:2px; border-style: solid; border-color: #000000; height: 5px; width:320px">[text your-phone]</span>
</div>
</div></div>
Subject [text* your-subject] <br/>
Message [textarea* your-message]<br/>
[submit "Send"]
Here输出的一个例子,因为它是现在,当我能理解它似乎箱没有改变。
这些都不是实际接触形式7输入字段。请将您粘贴的代码粘贴到联系人表单7插件中。 –
@FahadUddin html是我在表单7中的代码,而css是我在页面中添加的代码,它具有使用插件的联系人的联系表单7,它只需要提供类似于这个'[contact-form-7 id =“469”title =“contact_test”]' –
联系表7没有html输入字段。它有自己的输入框,用括号括起来。 –