减少重力表单域中的间距答案

【问题标题】：Reduce spacing in gravity form fields减少重力表单域中的间距
【发布时间】：2016-08-19 07:09:15
【问题描述】：

我在为使用重力表单插件创建的表单设置样式时遇到问题。字段顶部和底部之间的空间太大。我需要帮助

谢谢

【问题讨论】：

【解决方案1】：

添加这个css

body .gform_wrapper ul li.gfield {
 margin-top: 0 !important;
}

.block-content ul li {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

【讨论】：

谢谢，但仍有空格。

【解决方案2】：

添加这个 css

<style>
    body .gform_wrapper ul li.gfield {
        margin-top: 0px !important;
        padding-top: 0;
    }
    .block-content ul li {
          margin-bottom: 0 !important;
          margin-top: 0 !important;
        }
    .gform_body ul li .ginput_container select,.gform_body ul li .ginput_container input{
            margin-bottom: 0px;
    }
    .gform_wrapper .top_label .gfield_label {
        display: none !important;
    }
</style>

【讨论】：

太棒了！有效。非常感谢您知道如何链接下拉字段以显示 wordpress 类别和其他下拉字段以显示位置列表。
@BeckyAbe，您可以将下拉列表链接到类别
这正是我要问的是否 any1 知道如何实现。谢谢
@BeckyAbe，这个问题已经得到解答。所以你应该发布新的。

【解决方案3】：

.gform_body ul li, .gform_body input, .gform_body div{ 
    margin: 0;
}

您还可以添加 .gform_body textarea 等...

【讨论】：