日期 header 重叠 Post 标题
Date header overlapping Post title
所以我将日期 header 移到我在 Blogger 上的 post 标题下方,并且在最新的 post 上,日期与 header 重叠。如果我使用边距或填充,它会影响其他日期 headers 所以我不太确定该怎么做。博客是here。这是我认为相关的唯一代码(其中 h3 是 post 标题):
h3 {
text-align: center !important;
}
h3 a{
color: #424242;
transition: 0.5s ease;
}
h3 a:hover {
color: #58c5d2;
}
.date-header {
text-align: center !important;
float: below;
}
.date-header span {
letter-spacing: 10px !important;
}
h2 {
text-align: center !important;
}
.date-posts {
margin-top: 40px;
}
h3 {
margin-bottom: -25px !important;
}
提前感谢您的帮助!
将 h3
样式设置为:
margin-bottom: 0;
由于负边距,日期被拉入标题。
NUKE IT!!!!!!!
h3 {
/* margin-bottom: -25px !important; */
}
编辑:最初的问题是,如何防止日期和 header 重叠。这是使用开发人员工具找到的快速而肮脏的修复程序(出于这个原因强烈推荐 chrome)。
您的问题出在您的 html...您没有关闭第一个 post.[=12= 中的一两个 html div 标签]
每个 .post-outer
应该处于同一级别。
所以我将日期 header 移到我在 Blogger 上的 post 标题下方,并且在最新的 post 上,日期与 header 重叠。如果我使用边距或填充,它会影响其他日期 headers 所以我不太确定该怎么做。博客是here。这是我认为相关的唯一代码(其中 h3 是 post 标题):
h3 {
text-align: center !important;
}
h3 a{
color: #424242;
transition: 0.5s ease;
}
h3 a:hover {
color: #58c5d2;
}
.date-header {
text-align: center !important;
float: below;
}
.date-header span {
letter-spacing: 10px !important;
}
h2 {
text-align: center !important;
}
.date-posts {
margin-top: 40px;
}
h3 {
margin-bottom: -25px !important;
}
提前感谢您的帮助!
将 h3
样式设置为:
margin-bottom: 0;
由于负边距,日期被拉入标题。
NUKE IT!!!!!!!
h3 {
/* margin-bottom: -25px !important; */
}
编辑:最初的问题是,如何防止日期和 header 重叠。这是使用开发人员工具找到的快速而肮脏的修复程序(出于这个原因强烈推荐 chrome)。
您的问题出在您的 html...您没有关闭第一个 post.[=12= 中的一两个 html div 标签]
每个 .post-outer
应该处于同一级别。