如何使用自定义CSS在索引页面上移动项目文本？

Question

我想将这些标题移到图片下方。主题是约克。有什么想法吗？

https://robert-holgate.squarespace.com/projects

Answer 1

删除它的高度，一旦完成，我实际上喜欢它的风格。 如果在代码编辑器中找不到此代码Command + F，则搜索高度或图像中的一个类名

然而，更多问题的关键点，然后添加：

.index-item-title {
   margin: 20px;
}

Answer 2

将bottom: 0;替换为

中的bottom: 91px;

.index-item-image-alignment-center.index-item-image-crop .index-item-image-wrapper.content-fill, .index-item-image-alignment-left.index-item-image-crop .index-item-image-wrapper.content-fill, .index-item-image-alignment-right.index-item-image-crop .index-item-image-wrapper.content-fill {
    display: block;
    height: 100%;
    width: 100%;
    max-height: none;
    max-width: none;
    text-align: center;
    top: 0;
    right: 0;
    bottom: 91px;
    left: 0;
}

和bottom: 5vw与<{p}}中的bottom: -2vw

.index-item-title-alignment-bottom.full-bleed-index.site-outer-padding-medium .index-item-text-wrapper {
    bottom: -2vw;
}