Contact Form 7 Wordpress 插件无法正确呈现
Contact Form 7 Wordpress Plugin not rendering correctly
我正在使用 Contact Form 7 插件为 wordpress 页面创建自定义表单:http://dentclaims.com/contact,并且单选按钮和复选框出现在不同的行上。我正在使用以下内容:
Tesseract Wordpress 主题 v2.1
- WordPress v4.3.1
- Chrome Mac 版本 46.0.2490.80(64 位)
这是 CF7 形式的代码:
<p>This appointment is for*: [text* patient-name] </p><br />
<p>Requested by: [text your-name] </p>
Your email*: [email* your-email]
<p>Your telephone number*: [tel* your-tel] </p>
<p>Preferred date (select up to three)
First choice: [date date-first] Second choice choice: [date date-second] Third choice: [date date-third] </p>
Preferred time:[radio radio-time "Any time" "10:00am-Noon" "Noon-2:00pm" "2:00pm-5:00pm"]
<p>Reason for your visit: [checkbox checkbox-reason "Exam and cleaning" "Consultation" "Previously discussed treatment" "Other"]</p>
<p>Notes for the doctor:<br />
[textarea textarea-notes]</p>
<p>[submit "Request Appointment"]</p>
在主题 CSS 中有 2 个对 .wpcf7 class 的引用:
此处:
.wpcf7-submit{
float: left;
clear: both;
margin-bottom: 20px;
这里:
/* CONTACT FORM 7 */
.wpcf7-form-control-wrap { width: 50%; }
无论我如何排列表单元素,它们仍然呈现不正确。谁能提出解决方案?要检查另一个 CSS 文件? N00b 在这里,所以在其他地方苦苦寻找解决方案。
您的 CSS 中有一行代码导致所有 span
元素的宽度为 100%:
#content form span {
width: 100%;
}
使其不那么模糊,以免影响单选选项标签。
我正在使用 Contact Form 7 插件为 wordpress 页面创建自定义表单:http://dentclaims.com/contact,并且单选按钮和复选框出现在不同的行上。我正在使用以下内容:
Tesseract Wordpress 主题 v2.1 - WordPress v4.3.1 - Chrome Mac 版本 46.0.2490.80(64 位)
这是 CF7 形式的代码:
<p>This appointment is for*: [text* patient-name] </p><br />
<p>Requested by: [text your-name] </p>
Your email*: [email* your-email]
<p>Your telephone number*: [tel* your-tel] </p>
<p>Preferred date (select up to three)
First choice: [date date-first] Second choice choice: [date date-second] Third choice: [date date-third] </p>
Preferred time:[radio radio-time "Any time" "10:00am-Noon" "Noon-2:00pm" "2:00pm-5:00pm"]
<p>Reason for your visit: [checkbox checkbox-reason "Exam and cleaning" "Consultation" "Previously discussed treatment" "Other"]</p>
<p>Notes for the doctor:<br />
[textarea textarea-notes]</p>
<p>[submit "Request Appointment"]</p>
在主题 CSS 中有 2 个对 .wpcf7 class 的引用:
此处:
.wpcf7-submit{
float: left;
clear: both;
margin-bottom: 20px;
这里:
/* CONTACT FORM 7 */
.wpcf7-form-control-wrap { width: 50%; }
无论我如何排列表单元素,它们仍然呈现不正确。谁能提出解决方案?要检查另一个 CSS 文件? N00b 在这里,所以在其他地方苦苦寻找解决方案。
您的 CSS 中有一行代码导致所有 span
元素的宽度为 100%:
#content form span {
width: 100%;
}
使其不那么模糊,以免影响单选选项标签。