如何消除Visual Composer中的列间隙?

时间:2016-07-10 00:13:00

标签: css wordpress rows two-columns visual-composer

我想知道如何消除两列之间留下的空白。在移动设备上查看网站后,可以显示间隙(图2)。我使用1/2 + 1/2列创建了行,它在桌面分辨率下显示完美,但在移动设备上,第二列在第一列下方滑动,在两者之间留下间隙(标记为红色,第二张图像)。

当前行选项如下:拉伸行,0px列间隙,内容位置顶部。除了上面描述的那些之外,我没有做出任何进一步的改变

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

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

Normal Row set as 1/2 + 1/2 columns

How it appears on a desktop

How the columns leave a gap when on mobile

2 个答案:

答案 0 :(得分: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;

答案 1 :(得分:0)

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

因为这些类都在一个div上,你可以尝试其中一个或多个来影响结果,但是没有空格(看看我是如何把它们塞进去的)但是你能只针对你想要的那个,因为这是整个主题?