如何将Blog标题移至Squarespace上图像下方？

Question

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

这是我的网站

这是我要实现的目标的示例 。

我知道我可以只用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;

 }

Answer 2

是的，您可以只交换标头和正文条目内容div类。 您也可以通过交换两者的css属性而不用更改总内容来以另一种方式进行操作。