联系表格 7 间距答案

【问题标题】：Contact Form 7 Spacing联系表格 7 间距
【发布时间】：2021-08-12 06:15:58
【问题描述】：

我有以下布局：

我想减少每个字段之间的空间，例如“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"]

【问题讨论】：

标签： wordpress contact-form-7

【解决方案1】：

要减少间距，您可能需要使用一点 CSS。

如果您可以发布该网站的链接，我可以给您更准确的处方。但大概以下方法会起作用：

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

【讨论】：

嘿。你能告诉我在哪个文件中插入那行代码吗？
最有可能的地方是您的主题的 style.css 文件。如果您不熟悉主题或 FTP，可以使用 Simple Custom CSS 之类的插件：wordpress.org/plugins/simple-custom-css

【解决方案2】：

你必须：

先安装contact form 7 customize，然后转到：个性化>CF7 Customizer>Custom CSS在您的 wordpress 页面中。并把它像 James Ryven Valeii 添加的代码：

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

【讨论】：

【解决方案3】：

使用边距减少表单域之间的空间。

示例：

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

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

【讨论】：

【解决方案4】：

转到联系表并输入：

<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"]

【讨论】：