【问题标题】:Changing the background color on the Weebly lightbox更改 Weebly 灯箱的背景颜色
【发布时间】:2018-06-22 18:04:01
【问题描述】:

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

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

【问题讨论】:

  • 欢迎来到 Stack Overflow!请阅读How to Ask 页面并更新您的问题。

标签: html weebly


【解决方案1】:

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

将以下 CSS 添加到您的设置 > SEO > 标题(将其添加到您网站的所有页面)。

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

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

【讨论】:

  • 这是一个很好的解决方案!您还可以使用颜色,使其更暗,但仍然透明: background: rgba(0,0,0,0.8) !important;例如。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-11-17
  • 2013-08-08
  • 2013-01-08
  • 1970-01-01
相关资源
最近更新 更多