如何将博客标题移动到 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

是的，您可以交换 header 和 body 条目内容 div 类。您可以通过另一种方式通过交换两者的 css 属性来完成此操作，而不是更改总内容。

Answer 3

如何交换标题和正文条目接触 div 类。 Squarespace 自动设置页面，标题位于图片上方...不确定我是否有权访问该代码来切换它...