如何在Squarespace上的图像下方移动博客标题?

时间:2012-09-18 10:20:47

标签: html css squarespace

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

这是我的site

这是我想要实现的example

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

2 个答案:

答案 0 :(得分:0)

你可以将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;

 }

答案 1 :(得分:0)

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