跳过到主内容
< 返回
当前位置:
打印

移除页面内容间距

目录

WoodMart 会为主页面内容容器添加 40px 的上下内边距。这在标准页面上创建了一致的间距。然而,当第一个或最后一个区块有自己的背景时,此内边距可能会在内容与页头、页脚前部或页脚之间显示为不必要的间隙。

要移除间隙,只需对应触及周围区域的第一个或最后一个区块的边缘应用 -40px 的外边距。

移除页面上方内容的空间

1. 导航至 仪表盘 -> 页面 并编辑所需页面。

2. 选择页面上的第一个行、容器或区块。

3. 将其上外边距设置为 -40px 并更新页面。如果编辑器提供响应式控件,请在间隙可见的每个设备上应用此值。

WPBakery 行设置,具有负 40 像素的上外边距
在第一个 WPBakery 行上设置 -40px 的上外边距。

移除页脚上方内容的空间

当页面最后一个区块或页脚前部具有深色或图片背景,而页面背景为浅色时,底部内边距会变得特别明显。

深色页脚前部和页脚之间出现不必要的白色空间
标准的底部内容间距在页脚前部和页脚之间可见。

当页脚前部使用 HTML 区块时

1. 导航至 仪表盘 -> 主题设置 -> 页脚 -> 页脚前部 并识别所选的 HTML 区块。

2. 编辑该 HTML 区块并选择其最后一个行、容器或区块。

3. 将下外边距设置为 -40px 并更新 HTML 区块。如果模板包含多个区块,请仅将外边距应用于最后一个区块。

在页脚前部 HTML 区块中,WPBakery 行设置具有负 40 像素的下外边距
在页脚前部 HTML 区块的最后一个行上设置 -40px 的下外边距。

当没有页脚前部时

编辑页面本身,并对其最后一个行、容器或区块应用 -40px 的下外边距。当最后一个区块具有应直接延续到页脚的背景时,这非常有用。

在页面构建器中设置外边距

  • Gutenberg: 选择第一个或最后一个 WoodMart 行、容器或区块,然后打开 高级 -> 尺寸 -> 外边距。
  • Elementor: 选择容器,打开 高级 选项卡,取消链接外边距值,并为上或下外边距输入 -40。
  • WPBakery: 打开 行设置 -> 设计选项,并在所需的上或下外边距字段中输入 -40px。