Html 行使联系人表单7字段不可链接

Html 行使联系人表单7字段不可链接,html,css,wordpress,wordpress-theming,contact-form-7,Html,Css,Wordpress,Wordpress Theming,Contact Form 7,在我的Wordpress网站上,英雄部分分为两部分。在左边,我有徽标、图像和可选标题。在右边,你有你的联系方式 我的问题是-我必须把表格向下移动一个大的空白,以便能够填写表格。顶部的输入字段不可单击。将其向下移动使其再次可点击。但它们只能单击到徽标行与输入字段相交的位置。所以,这有点像是行阻塞了输入字段。我尝试在Chrome控制台中添加z-index内容,但没有结果,只是当我将其设置为-1时,内容消失了 我希望表单字段都是可点击的-并且减少我必须输入的大量空白-但是我有限的知识不允许我实现这一点

在我的Wordpress网站上,英雄部分分为两部分。在左边,我有徽标、图像和可选标题。在右边,你有你的联系方式

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

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

-徽标行阻止表单字段提交

-表格上方的巨大边距


我可以做些什么来向上移动表单,但是可以单击输入字段

在类徽标容器关闭的div中

把这个放到css里

max-width: 300px;

使用位置相对或绝对宽度z索引。请在进一步检查时添加您的代码-我注意到右栏移到标题行后面。“最大宽度”(max width)确实有所帮助,但只是在很小的程度上有所帮助。我还在一些元素上尝试了position和z-index,但没有成功。因为它是WordPress模板,所以很难(至少对我来说)分离出导致问题的确切代码。重建站点要比进一步排除故障快得多。尽管如此,我们还是很感激你的帮助。