html - Row 使 Contact Form 7 字段不可点击

Question

在我的 Wordpress 网站上，英雄部分分为 2 部分。在左侧，我有徽标、图像和可选标题。在右侧，您有您的联系表格。

我的问题是 - 我必须将表格向下移动一大段才能填写表格。顶部输入字段不可点击。将其向下移动使它们再次可点击。但它们只能点击到徽标行与输入字段相交的点。所以，这有点像行阻塞了输入字段。我尝试在 Chrome 控制台中添加 z-index 的东西——但这没有给我任何结果——除了当我将它设置为 -1 时我让内容消失了。

我希望表单字段都是可点击的 - 并减少我必须输入的大量边距 - 但我非常有限的知识不允许我实现这一点。

https://ibb.co/swcbxbc - 徽标行阻止表单字段提交。

https://ibb.co/sPbXmBk - 超出表格的巨大利润

我可以做些什么来向上移动表单，但让输入字段可点击。

标签： htmlcsswordpresswordpress-themingcontact-form-7

Answer 1

在带有类 logo-container-off 的 div 中

把它放在css中

max-width: 300px;