如何在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;

 }

Answer 2

是的，你可以只交换header和body entry-content div类。您可以通过交换两者的css属性而不是更改总内容来以另一种方式执行此操作。