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

【问题标题】：How to move item text on index page with custom CSS?如何使用自定义 CSS 在索引页面上移动项目文本？
【发布时间】：2017-08-09 23:50:25
【问题描述】：

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

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

【问题讨论】：

标签： css squarespace

【解决方案1】：

在

中将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 和bottom: -2vw

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

【讨论】：

【解决方案2】：

去掉这个高度，完成后，我真的很喜欢它的风格。如果在代码编辑器中找不到此代码 Command+F，则在图像中搜索 height 或类名之一

不过，为了问题的重点，再补充：

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

【讨论】：