html - 如何将 Squarespace 上的博客标题移到图片下方？

Question

我正在尝试将标题移到图片下方。

这是我的 site

这是一个 example我想要实现的目标。

我知道我可以用 h1 标签包裹帖子的第一行，但我想知道是否有更优雅的方式。

Answer 1

您可以将 header Section 移动到 body entry-content 下面，但是如果您只是想用 CSS 来做(这不是一个好主意)但是它可以这样做:

只改变这些样式

.collection-type-blog article header
{
     width: 100%;
     text-align: center;
     position: absolute;
     bottom: 37px;
}

.collection-type-blog article .post 
{
     top: -63px;
     position: relative;
}

.collection-type-blog article .article-meta 
{
     top: 63px;
     position: relative;

 }