更改 Weebly 灯箱的背景颜色

Changing the background color on the Weebly lightbox

我正在这个非营利性艺术网站上工作,需要一些帮助。我想要的是使画廊灯箱上的背景颜色不那么不透明和更暗,以获得更好的观看体验。请参阅 https://www.openthesky.co.uk/finally-found.html 并单击其中一张图片查看示例。

由于笨拙的编辑器没有对此提供任何选项,我认为可以通过 HTML 来完成,但我一直无法在那里找到该元素。任何提示将不胜感激!

Weebly 有一个常见的 CSS 样式 Sheet 用于常见的元素设计,因此您可能不会在您的主题设计中看到它,除非设计师为您的主题在灯箱中添加了一些自定义项。

将以下内容 CSS 添加到您的设置 > 搜索引擎优化 > Header(将其添加到您网站的所有页面)。

<style>
.fancybox-overlay {
    background: rgba(0,0,0,0.95) !important;
}
</style>

0,0,0 是颜色(黑色),0.95 是透明度(1 = 纯色,0.01 = 几乎完全透明),“!important”将确保您的 CSS 被使用作为灯箱的背景代替默认设计。