时间戳

首页 > 解决方案 > 在 Squarespace 上更改一页的背景

css - 在 Squarespace 上更改一页的背景

问题描述

我正在尝试更改我网站博客页面的背景。当前的网站都是黑色背景，但我希望博客页面是白色的黑色文本。我需要有自己的 CSS，因为 Squarespace 不支持将此作为自定义设置。

我已经尝试过为此类事情提供的代码，但没有任何效果。例如：https ://answers.squarespace.com/questions/14800/how-can-i-change-the-content-background-color-on-only-one-page-using-css.html

#main { 背景颜色：#ffffff; }

我想改变背景颜色。

标签： csssquarespace

解决方案

您可以通过其集合 ID 专门定位博客，Squarespace 将其作为类添加到body元素上。从那里开始，我们必须针对div它的直接孩子，.overflow-wrapper.

通过 CSS 编辑器插入以下 CSS：

.collection-5d0a3c81de1f2b00012ccccc .overflow-wrapper {
  background-color: white;
}

因为文本是白色的，所以它会显得不可见。您应该能够使用样式编辑器调整标题和其他元信息（作者、日期、标签、类别等）。

但是，我不相信样式编辑器会给您一个选项，将博客上的正文（p元素）与站点的其余部分分开更改。因此，您可能还会发现以下 CSS 有助于将博客页面上的正文文本更改为黑色：

.collection-5d0a3c81de1f2b00012ccccc p {
  color: black;
}

此外，您可能需要添加一些 CSS 来处理标题，因为设置白色背景将导致无法阅读。

.collection-5d0a3c81de1f2b00012ccccc.site-spacing-small .site-header, .site-spacing-small .site-page, .site-spacing-small .site-footer {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3vw;
  padding-bottom: 3vw;
}

.collection-5d0a3c81de1f2b00012ccccc #header {
  background-color: black;
}

最后，页面标题也应该设置为黑色：

.collection-5d0a3c81de1f2b00012ccccc .page-text-wrapper .page-title {
  color: black;
}

推荐阅读