Weebly Gallery 灯箱边框颜色答案

【问题标题】：Weebly Gallery Lightbox border colorWeebly Gallery 灯箱边框颜色
【发布时间】：2015-01-02 12:26:02
【问题描述】：

当您在 WEEBLY 中单击图库图片时，是否有人知道如何更改白色边框。我知道如何在您单击它们之前更改图库图像的边框颜色。这在 css 中是这样排列的：

/* Gallery ---------------*/

.galleryCaptionHolderInnerBg {
    background:rgba(209,38,38,0.75);
    opacity: 1;
}

.galleryImageHolder .galleryCaptionInnerText {
    text-transform:uppercase;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.157);
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 30px auto;
    font-weight: 500;
}

.galleryImageHolder {
    border-radius: 3px;
    z-index: 1;
}

.fullImageGalleryCaption {
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px;
}

我相信 LIghtbox 用于弹出图像......这是出现问题的示例页面： http://stanowicki.weebly.com/zwart--wit.html只需点击一张图片就可以看到丑陋的白色边框

感谢您的帮助

【问题讨论】：

类名是 class="fancybox-skin" 只需在里面设置你想要的背景颜色

标签： css border lightbox weebly

【解决方案1】：

您正在寻找的课程是fancybox-skin 只需尝试覆盖它以放置您想要的颜色

.fancybox-skin {

    background-color : #000 !importent;

}

【讨论】：

错字与 importantIMO 我什至不确定您是否需要将其声明为重要。

【解决方案2】：

试试这个。

.fancybox-skin {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);/*changed*/
  border-radius: 4px;
  color: #444;
  position: relative;
  text-shadow: none;
}

【讨论】：