时间戳

首页 > 解决方案 > 在 Squarespace 网站上使用 CSS 增加网站/页面宽度

css - 在 Squarespace 网站上使用 CSS 增加网站/页面宽度

问题描述

我有一个 Squarespace 网站，我正在尝试在 SKYE 模板上增加我的网站宽度，因此图像和内容只有一点点填充。这是该站点的链接-password123。我试过这个但没有运气：

#page { max-width: 1300px }

我也希望导航和主要内容之间的空间关闭，但我也在为此苦苦挣扎。对不起，我根本不是专家（显然）任何帮助都会非常感激！

标签： csssquarespace

解决方案

这可以通过使用通过CSS Editor 插入的 CSS来覆盖默认样式来完成。下面的 CSS 将减少标题和正文（.site-header位）之间的空间，并将减少正文和浏览器边缘之间的空间（.responsive-padding位）。

.site-header {
  padding-top: 30px;
  padding-bottom: 30px;
}
.responsive-padding--right {
  padding-right: 30px !important;
}
.responsive-padding--left {
  padding-left: 30px !important;
}

顺便说一句，您仍然可以与其他人共享指向您网站的链接（即使对于处于试用模式的网站），但将您的网站可见性设置为“密码保护”，然后在您提供链接时提供该仅供查看的密码。如果您不希望人们以后看到它，您可以随时更改密码。

推荐阅读