如何使 Squarespace 页脚具有背景图像？

Posted 2023-03-21

【中文标题】如何使 Squarespace 页脚具有背景图像？

【英文标题】：How do I make a Squarespace footer have a background image?

【发布时间】：2021-10-09 06:11:00

【问题描述】：

请帮帮我。

在我的 Squarespace 网站的两个区域中，我希望页脚部分是透明的。 Aka 在使用博客样式设置的“答案”条目中，底部有一个蓝色面板。我希望它上面的背景图像继续到窗口的底部。 “绘画”页面也是如此，底部有一个白色面板，而不是页脚后面的图像。基本文本应浮动在图像上。它被设置为投资组合风格。请参考所附链接。

https://www.regardsfromyourfuture.com/future-answers/blog-post-title-one-b535f

https://www.regardsfromyourfuture.com/future-paintings/project-one-44zcm-57lgb-6glfy-p2f7c-nbdk9-76lc2-zh5z9

谢谢！

【参考方案1】：

通过自定义 CSS/CSS 编辑器添加的以下 CSS 将完成此操作：

/* Blog & Paintings Footer/Pagination */
.collection-60aef7b6d33efb6090ebf095 .item-pagination,
.collection-60b8480265d7df4bcf8f97ed .item-pagination 
  top: -2.5em;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;

它专门针对这两个“集合”。然后它将页脚设置为与其上方的部分重叠。

【讨论】：

您好，布兰登，感谢您的回复。这已经奏效了，但是现在绘画部分中的画廊图像是不可见的。您仍然可以看到左右滚动的箭头。

还想知道是否可以复制具有照片背景的绘画页面/条目？当我复制“2050/1”时，它确实创建了一个新页面/条目，但它具有白色背景。如果我不必为每个新页面添加代码，我会很高兴的。再次感谢

我明白你关于图像消失的意思了，@waynegurgh。看来我原来的方法是有缺陷的。相反，请参阅上面的更新答案，该答案更简单，并且不太可能导致页面其他部分出现问题。请务必从您的网站中删除之前建议的 CSS。

至于您关于在所有帖子中具有一致背景图像的其他问题，我相信这是可能的。它将使用 CSS 来完成，而不是通过 Squarespace 的背景图像设置添加图像。我建议就 SO 提出一个新问题。

嗨@Brandon 该代码很有效！再次感谢你。问题解决了:)