首页 文章

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

提问于
浏览 次
0

我想知道如何消除两列之间留下的空白 . 在移动设备上查看网站后，可以显示间隙（图2） . 我创建了1/2 1/2列的行，它在桌面分辨率下显示完美，但在移动设备上，第二列在第一列下方滑动，在两者之间留下间隙（标记为红色，第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

css wordpress rows two-columns visual-composer

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;
    回复于
  • 0
    .wpb_column.vc_column_container.vc_col-sm-6 { 
margin-top: 0px; 
}

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

    回复于

相关问题