jquery - 在 weebly 中更改图库中的图像边框

Question

我不知道如何在 weebly 上更改图库图像的边框。客户端使用 weebly 以便于设计后的后端编辑..所以这些是我的参数。除了这些类型的问题……大多数代码编辑都非常简单……直到现在!

这是 weebly 上常规图像边框样式的 CSS mod...网站使用环绕边框，因此您必须修改“无”

.wsite-image.wsite-image-border-none img{
边框:3px solid #000 !important
}

这是我所知道的“在”图库代码中的内容 */class=galleryimage--class=galleryimageinnerwrapper已经尝试了所有排列...没有任何效果!

http://preview.goodinkproductions.com/OO6M03

转到“ION Milling 页面”，我正在玩的图库位于页面底部

Answer 1

将边框应用到图像上是行不通的，因为图像位于容器内，overflow: hidden; 我刚刚试了一下，并使用

.galleryImageHolder {
  border: 2px solid red;
}

但为避免误解——您是要将边框应用于页面上显示的图像还是模式窗口中显示的图像？进一步关注 - 内容显示在 iframe 中。我不确定这是否仅适用于此预览(因为 id 是 preview-iframe)或者实时站点是否也会显示 ION Milling 页面的内容作为来自不同网站的内容的 iframe。