0

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

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

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

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

正常行设置为 1/2 + 1/2 列

它在桌面上的显示方式

在移动设备上,列如何留下空隙

4

2 回答 2

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;
于 2016-07-10T01:25:25.290 回答
0
.wpb_column.vc_column_container.vc_col-sm-6 { 
margin-top: 0px; 
} 

因为这些类都在一个 div 上,您可以尝试其中的一个或多个来影响结果,但没有空格(请参阅我如何将它们挤在一起)但是您可以只针对您想要的那些,因为这是整个主题?

于 2016-07-10T05:33:39.287 回答