如何消除Visual Composer中的色谱柱间隙？

问题描述：

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

当前行选项如下：拉伸行，0px列间隔，内容位置顶部。我没有做任何进一步的变化，除了我上面描述的

我已经尝试在两列上设置顶部和底部边距为0px，结果相同。

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

没有看到实际的页面，很难提供帮助。 –

http://partnerstraining.com/provider-training-catalog/ – JCrush

答

如果能针对具体的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允许我编辑列边距，但试试这个并看看。 – JCrush

刚注意到一些代码没有显示出来， –

似乎并没有完全摆脱这个缺口，这是迄今为止所应用的：.vc_column-inner {margin：0; margin_top：0; } .wpb_content_element {margin} bottom：0; } .wpb_column .vc_column_container .vc_col-sm-6 { margin-top：0px; } .vc_column-inner { padding-top：0; } – JCrush

答

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

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

如何消除Visual Composer中的色谱柱间隙？

相关推荐