改变画廊中的图像边框

Question

我想不出我们如何改变weebly画廊的边框。客户端为了方便后端编辑而使用weebly，一旦designed..so，这些都是我的参数。除了这些问题..。现在让大多数代码edits...until变得非常简单！

下面是用于weebly...site上常规图像边框样式的CSS，它使用包装边框，因此您必须修改“无”

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

这里我知道的是"in“图片库代码*/ class=galleryimage-- class=galleryimageinnerwrapper已经尝试了每一个permutation...nothing都在工作！

http://preview.goodinkproductions.com/OO6M03

转到“离子铣削页”，我正在玩的图库就在页面的底部。

Answer 1

将边框应用于图像将无法工作，因为图像位于一个带有overflow: hidden;的容器中--我刚刚使用以下方法为这个容器设置了一个边框

.galleryImageHolder {
  border: 2px solid red;
}

但是，为了避免误解，您想要将边框应用到显示在页面上的图像上还是在模态窗口中显示的图像上？以及进一步的关注-内容显示在一个iframe。我不确定这是否仅用于此预览(因为id是preview-iframe)，或者该活动站点是否也将显示离子铣削页面的内容作为iframe，其内容来自不同的站点。