Weebly 部分间距过大

Question

我在 Weebly 上的网站分为几个部分。但这两个部分之间的差距太大了，我找不到办法缩小它。 有人可以帮我减少填充并缩小间隙吗？ 视觉效果请参阅附图。

Weebly 没有明显的帮助 - 我无法缩小该部分的大小

Answer 1

Theme的设计中，有如下CSS。

@media screen and (max-width: 1024px) {
  .main-wrap .container { padding: 30px 20px; }
}

如果您想更改容器的填充，您可以通过编辑 CSS 文件（第 269 行）来自定义主题，或者只需将以下内容添加到您的设置 > SEO > 标题部分。

<style>
    @media screen and (max-width: 1024px) {
      .main-wrap .container { padding: 10px 20px; }
    }
</style>

注意：从 30px 更改为 10px 应该足够了。确保保存并发布您的更改..并刷新浏览器以便您看到已发布的更改。

Answer 2

这个解决方案对我来说非常有效！谢谢！