Question

当您在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只需点击图片即可看到丑陋的白色边框

感谢您的帮助

Answer 1

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

.fancybox-skin {

    background-color : #000 !importent;

}

Answer 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;
}

Weebly Gallery Lightbox边框颜色

2 个答案: