联系表格7间距

时间:2017-01-11 16:04:07

标签: wordpress contact-form-7

我有以下布局: Contact Form 7

我想减少每个字段之间的空间,例如" Ihr Name"之间的空间领域和" Ihre Firma"领域较少。

这是我使用的代码:

[text* name placeholder "Ihr Name"]
[text company placeholder "Ihre Firma"]
[email* your-email placeholder "Ihre E-Mail"]
[text* your-subject placeholder "Betreff"]

4 个答案:

答案 0 :(得分:2)

为了减少间距,你可能不得不使用一点CSS。

如果您可以发布网站链接,我可以为您提供更准确的处方。但据推测,以下内容可行:

name_entry = ''
worksheet.write_string(1,0, name_entry)

答案 1 :(得分:0)

你必须:

首先安装联系表单7自定义,然后转到:个性化> CF7自定义程序> 自定义CSS 在你的wordpress页面。 并把它像詹姆斯Ryven Valeii添加的代码:

.wpcf7 p {margin-bottom:10px;}

答案 2 :(得分:0)

为了减少表单域之间的空间,请使用边距。

示例:

.wpcf7-form .wpcf7-text {margin-bottom: -20px;}

注意:您可以稍后添加想要为按钮添加边距。

答案 3 :(得分:-3)

转到联系表格并输入:

<p>[text* your-name placeholder"Name (Required)"] </p>

<p>[email* your-email placeholder"Email (Required)"] </p>

<p>[tel* tel-346 placeholder"Contact Number (required)"] </p>

<p>[textarea your-message placeholder"Your Message"] </p>

[submit "Send"]