在weebly中改变画廊中的图像边框

时间:2014-11-08 21:22:27

标签: jquery css image-gallery weebly

我无法想象如何更改画廊图片边框。客户端使用weebly一旦设计后便于后端编辑..所以这些是我的参数。除了这些问题......编写大多数代码都非常简单......直到现在!

这里的常规图像边框样式的CSS mod在weebly ...网站上使用包装边框,所以你必须修改" none"

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

这就是我所知道的"在"画廊代码* / class=galleryimage - class=galleryimageinnerwrapper 尝试了每一种排列......没有任何效果!

http://preview.goodinkproductions.com/OO6M03

转到" ION铣削页面"和我正在玩的画廊位于页面底部

1 个答案:

答案 0 :(得分:0)

将边框应用于图像将无效,因为图片位于overflow: hidden;的容器内,我刚刚玩过并使用

为此容器设置边框
.galleryImageHolder {
  border: 2px solid red;
}

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