如何消除 Visual Composer 中的列间隙？答案

【问题标题】：How do I eliminate column gap within Visual composer?如何消除 Visual Composer 中的列间隙？
【发布时间】：2016-11-12 05:58:51
【问题描述】：

我想知道如何消除两列之间的空隙。一旦在移动设备上查看该网站，就可以显示差距（图 2）。我创建了具有 1/2 + 1/2 列的行，它在桌面分辨率下完美显示，但在移动设备上，第二列滑到第一列下方，在两者之间留下间隙（标记为红色，第二张图像）。

Current Row 选项如下：拉伸行、0px 列间距、内容位置置顶。除了我上面描述的之外，我没有做任何进一步的改变

我尝试将两列的顶部和底部边距设置为 0px，结果相同。

再次，我检查了所有选项，我开始认为这将需要一些自定义 CSS。任何有使用 Visual Composer for WordPress 经验的人，你知道如何解决这个问题吗？

【问题讨论】：

【解决方案1】：

如果你可以定位特定的div。

第一栏：

.wpb_content_element {
margin-bottom:0;
}

第二栏：

Set padding-top:0; on .vc_column-inner

<div class="wpb_column vc_column_container vc_col-sm-6">

Set it's margin-top: 0;

【讨论】：

Visual Composer 允许我编辑列边距，我试试这个看看。
似乎并没有完全消除差距，这是迄今为止应用的内容： .vc_column-inner { margin-top:0 ; } .wpb_content_element { 边距底部：0； } .wpb_column .vc_column_container .vc_col-sm-6 { 边距顶部：0px; } .vc_column-inner { padding-top:0; }

【解决方案2】：

.wpb_column.vc_column_container.vc_col-sm-6 { 
margin-top: 0px; 
}

因为这些类都在一个 div 上，您可以尝试其中的一个或多个来影响结果，但没有空格（请参阅我如何将它们挤在一起）但是您可以只定位您想要的那些，因为这是贯穿整个主题？

【讨论】：