Hack用CSS滑块div位置? (Squarespace模板Forte)

时间:2015-02-06 20:32:30

标签: css slider gallery squarespace

我对使用Squarespace(模板Forte)构建的此页面有疑问:https://joyce-kozloff.squarespace.com/new-gallery-3(这不是一个Squarespace问题,更多是一般的CSS / JS黑客问题)

我一直在努力寻找在此页面上添加常规描述性文字的方法,因为在模板中没有选项可以这样做。

作为一种可能的解决方案,我认为我会将第一张幻灯片设置为空PNG,并在下方显示项目描述文字。如果默认情况下会自动捕捉描述性文本,而不是将鼠标悬停在图像上,这将非常有效。

第一个幻灯片div有一个唯一的ID,所以我试过这样做:

#yui_3_17_2_1_1423251233094_294 .image-detail-wrapper {top: 0px !important}

但无济于事。如果有人能通过CSS和/或javascript建议将图像细节包装div提升到内容区域的顶部,我将非常感激。

感谢阅读!

1 个答案:

答案 0 :(得分:0)

#fullscreenBrowser .slideshow.strip .image-detail-wrapper {top: 0;background-color: hsla(0,0%,0%,0);color: white;}

这是你想要的那种效果吗?文字覆盖在图像上?