日期标题重叠帖子标题 [英] Date header overlapping Post title

问题描述

所以我把我的帖子标题下的日期标题移到了Blogger上，而在最新的帖子上，日期与标题重叠。如果我使用边距或填充，它会影响其他日期标题，所以我不太确定该怎么做。该博客是此处。这是唯一可以认为是相关的代码（其中h3是标题）：

  h3 {
 text -align：center！important; 
} 
 
 h3 a {
颜色：＃424242; 
过渡：0.5s缓解; 
} 
 
 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;

由于负余量，日期被拉入标题。 / p>

So I moved the date header below my post title on Blogger, and on the newest post the date keeps overlapping the header. If I use margin or padding, it affects the other date headers so I'm not quite sure what to do. The blog is here. Here is the only code I can think to be relevant (where h3 is post title):

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;
}

Thank you in advance for any help!

解决方案

Set the h3 style to:

margin-bottom: 0;

The date is being pulled into the title because of the negative margin.

这篇关于日期标题重叠帖子标题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！