SquareSpace客户CSS标题悬停在图像上

Question

我正在使用SquareSpace，我正在尝试在我的封面上为3张图片添加自定义CSS。当前在悬停时图像会改变不透明度，然后会出现带有图像标题的蓝色块。我试图使蓝色块更大，但也要​​确保块被修剪为实际图像。正如您在下图中看到的那样，有一些悬念：

任何帮助将不胜感激！

map["x"] = 123;
map.putifabsent("z", ()=> 123);

Answer 1

事情是每个图像都有不同的尺寸并共享一个共同的类（div.image-slide-title）。

我有两种方法可以想到，要么将所有图片放到相同的维度（说248px宽度作为最后一个），并且影响div.image-slide-title与上面相同，只有这一次{{ 1}}宽度应适用于所有这些。

或，使用新的类/ ID隔离每个图片（示例：248px，div.image-slide-title-1＆amp; div.image-slide-title-2）除了适当的宽度之外，还要给它以下内容：

• div.image-slide-title-3居中。
• 将图片margin: 0 auto;提供给蓝色块（示例：最后一个应为width）