Squarespace 中的灰色部分

Question

请帮助我。

当我在我的 Squarespace 网站的投资组合部分中创建一个新部分时，它是灰色的。请参阅下面的 link。我仍然可以向该部分添加内容。如您所见，有一个 'BACK' 按钮和带有图像或纯色的背景变化。但是，为什么该部分有 white/grey 叠加层？

如果我向上移动该部分，则图片库会下降到第二个位置，并有灰色覆盖。所以似乎是第二部分的位置有问题。如果我在第二个部分下面创建另一个部分，它也完全没问题。

我希望这是一个容易解决的问题。谢谢！

Answer 1

这是由于您 Custom CSS / CSS Editor 中的以下规则而发生的：

  .page-section:nth-child(2) {
    background: #000 !important;
    filter: opacity(30%);
  }

该规则可能是专门为其他页面编写的，但并非仅适用于该页面。您需要检查其他页面以查看是否有任何页面受益于该规则，即页面的第二部分具有较低的不透明度。如果我猜的话，我会说这是页面上只有背景图片而没有内容的部分。

如果没有其他页面受益于该规则，您只需将其从 CSS 中删除即可。

另一方面，如果有一个页面（或一组页面）受益于该规则，您可能希望编辑该规则，使其特定于单个页面（或一组页面），方法是将集合 ID 类添加到规则的开头。

Greyed out section in Squarespace