为什么我的重力形式复选框和标签不对齐？

Posted 2021-05-06

我是一名引力新手，我从以前的网站开发者那里继承了这个网站。我注意到我的重力形式复选框不对齐并被放置在标签上方。

我搜索了一些不同的CSS编辑，但似乎没有一个工作。这里最难的部分是因为我继承了这个网站，我甚至不确定从哪里开始找出有问题的代码。

我尝试将以下内容插入到我的自定义CSS中以强制它工作，但它没有：

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
display: inline-block;
}

我没有任何html代码，因为该网站最终是一个wordpress网站，并且样式表D中有大量的CSS：

我相信这是所有相关的代码：

https://pastebin.com/EYp5d41H

答案

它正在发生，因为break标记（<br>标记）。这是从重力形式添加的。

请删除中断标记，然后添加您的CSS。它将正确对齐。

另一答案

如果它有助于作为一个停止间隙，这将停止显示休息。从观点来看，我猜我们中的一些人需要一个快速但令人讨厌的修复方法。

.gform_wrapper br { display: none; }

如果你想要上下文，可以在这里找到：http://kaptinlin.com/support/discussion/11960/gravity-forms-how-to-remove-unwanted-br-and-p-tags-striking-original-theme-use-raw-tags/p1