如何修复标签和 tumblr 帖子之间的间距？答案

【问题标题】：How to fix spacing between tags and tumblr posts?如何修复标签和 tumblr 帖子之间的间距？
【发布时间】：2014-09-01 03:13:46
【问题描述】：

我在 tumblr https://www.tumblr.com/theme/36403 上使用羽毛 2.0 主题，我想在我的帖子中添加标签。我在这里找到了答案，添加

{block:HasTags}
{block:Tags}
<a href="{TagURL}">{Tag}</a>
{/block:Tags}
{/block:HasTags}

在帖子块内。（我把它放在 {/block:posts} 之前）这个问题是标签真的很远低于帖子，就像下一个帖子上方的行一样。颜色也很奇怪？不适合主题颜色。

图片

所以顶部的蓝色和紫色字是我上一篇文章的标签，底部的紫色字是文字文章中关于累的标签。

如果我需要包含更多代码，请告诉我。

【问题讨论】：

可能需要查看更多的 html css。基本上，您可以将类添加到标签链接 {Tag} ，然后您可以在样式标签的头部设置类的样式博士。所以像 a.tag-link {color:#333; margin:0;} a.tag-link:hover {color:#777;} 等。如果你想在答案中告诉我。
@lharby 我最担心的是间距。你知道如何让标签出现，更靠近帖子吗？
您可以做一些事情。您可能需要发布一些代码或向我们展示一个页面，如果您正在使用当前的主题，那么请在下面查看我的答案。

【解决方案1】：

在您使用的主题中，有一个标签信息的包装器，此外还有一个适用于帖子段落的边距。在css更改中：

.postmeta {
  margin: 20px 0 0 0;
}

.post p {
    margin: 0 0 15px 0;

}

到

.postmeta {
   margin:0;
}

.post p {
   margin:0;
}

您需要将其添加到文档顶部的样式标签中。

如果您遇到其他问题，请在此处添加或添加到原始问题中。谢谢

【讨论】：

抱歉，我找不到那个部分。我只看到一大段文字，例如#content .post .postmeta a, #content .post .postmeta a:link, #content .post .postmeta a:visited { color: {color:Postmeta}; }
您可以在 Chrome/Firefox/Safari 中使用控制台/检查器吗？
theme.fm/wp-content/uploads/2011/10/… 右下角显示有关正在应用的样式以及应用这些样式的任何远程文件的信息。在列出的主题中，样式被应用于已上传到 tumblr 的文件中：static.tumblr.com/anfpypi/cp4mbbi94/feather_2.0_min.css 其中包含我在答案中列出的样式信息。因此，您编写了一个覆盖父样式的代码块。如果将其添加到样式标签内的文档头部，这将起作用。也许你应该试试看。