【问题标题】:Contact Form 7 Textarea styling联系表格 7 文本区域样式
【发布时间】:2020-02-09 19:52:56
【问题描述】:

社区,

我已经在寻找解决方案,但找不到任何可以帮助我解决此问题的方法。

我的 WordPress 页面上的文本区域总是比我的其他两个字段长几个像素,我只想让它们正确对齐。

我附上了一个截图,这是一个链接 - 它是页脚区域中的表单

http://relaunch.lieblingsbilder.net/

有人可以帮助我吗?为什么只有 textarea 大小不合适?

感谢您的帮助!

编辑: CF7代码:

    <label for="" class="">[text* your-name placeholder "Dein Name*"]</label>        <br />
    <br />
    <label for="" class="">[email* your-email placeholder "E-Mail-Adresse*"]</label>        <br />
    <br />
    <label for="your-message" class="">[textarea your-message x4 placeholder "Deine Nachricht"]</label><br />

    <center>[submit "Senden"]</center>
    <div class="indicates-required"><span class="asterisk">*</span> Pflichtfeld</div>

【问题讨论】:

  • 你的链接失效了
  • 哦,抱歉,我有一个空白即将推出的页面。现在它应该可以工作了!

标签: html css contact-form-7


【解决方案1】:

问题在于您的 textarea 中的 cols="40"。要覆盖它,只需将以下 css 代码放入您的自定义 css 文件中。

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="password"],
.wpcf7 textarea {
  width: 100%
}

我希望这会奏效

【讨论】:

  • 嗨,实际上,这种工作。我在我的 WP“自定义 css”部分中使用了这个 css,虽然表单位于页脚小部件中,但它只适用于主页。为什么它不适用于每一页? (cols="40" 最初是如何到达那里的?)谢谢。
  • 这是因为我使用了该特定联系表格的id。如果你想在所有联系表格上使用这个,你必须在 css 中使用 class 而不是 id。检查更新的答案。
  • 谢谢,这很好用。我有另一个带有电话号码的字段,所以我添加了 input[type="tel"] 并且它起作用了。太好了!
猜你喜欢
  • 1970-01-01
  • 2018-11-08
  • 2017-01-16
  • 1970-01-01
  • 1970-01-01
  • 2013-11-30
  • 1970-01-01
  • 1970-01-01
  • 2015-11-04
相关资源
最近更新 更多