删除页眉和页脚中的空白

Shopify 页眉或页脚下方的空白可能会使你的落地页看起来不够精致。本指南将向你展示 如何删除页眉和页脚中的空白 使用 GemPages。

删除标题下的空白

有两种主要方法可以消除标题下的间隙：

请注意，由于每个 Shopify 主题都使用不同的编码风格，以下步骤仅适用于 Debut 主题作为示例。如果您正在使用其他主题，请联系我们的 GemPages 支持团队 以获得帮助消除白色间隙。

此方法将适用于您的整个在线商店，并使用 Debut 主题。

第四步：复制这几行 CSS 代码，专门用于消除间隙。

html.gemapp .main-content {

   padding-top: 0 !important;

   padding-bottom: 0 !important;

   margin-top: 0 !important;

}

第四步：访问 Shopify 管理员 > 在线商店 > 主题 > 操作 > 编辑代码.

第四步：在左侧面板中，搜索并打开“theme.css”文件下的“办公室文员：”文件夹，然后向下滚动到右侧面板上的文件底部。

第四步：将代码粘贴到文件中，然后点击“已保存“。

此方法可消除您正在处理的单个页面的间隙宝石页.

第四步：在里面 GemPages 仪表板，选择您的页面并输入编者.

第四步：在里面编者，选择最靠近 Header 的元素以在左侧边栏中显示其配置。它可以是任何元素（通常是图片, 英雄旗帜, 行元素，或者产品模块）。

第四步: 切换到先进的标签，您将看到间距部分。

第四步: 将元素的上边距值减小为负值。值越小，元素距离标题越近。

第四步：打 ”已保存“和”发布”在实时页面上查看结果。

像方法2 对于页眉，我们将减少距离页脚最近的元素的底部边距值。

点击“已保存“和”发布”来检查实时页面上的结果。