css - 如何消除 Visual Composer 中的列间距?

标签 css wordpress row visual-composer

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

当前行选项如下:拉伸(stretch)行、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

最佳答案

如果您可以定位特定的 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;

关于css - 如何消除 Visual Composer 中的列间距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38287436/

相关文章:

javascript - 我试图在 mousedown 之后强制执行 mouseup 事件

javascript - Bootstrap 模态加载但无响应

html - 将 float 设置为左侧时图像消失

r - 将字符添加到条件 R 的现有单元格

javascript - 相当于 react 样式中的 ul li

css - 这个样式属性 : *width: 363px ! 重要的是做什么的; _width : 363px ! 重要;

javascript - wp_enqueue_scripts 未在 Wordpress 中触发

php - wordpress::WP_QUERY 不按标题对帖子进行排序

php - 使用 mysql 和 php 从空表中获取所有行名

javascript - Jquery:从单元格值获取行