如何修复标签和tumblr文章之间的间距？

我在tumblr https://www.tumblr.com/theme/36403上使用了羽毛2.0主题，我想为我的帖子添加标签。我在这里找到答案如何修复标签和tumblr文章之间的间距？

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

内的帖子块。（我把它放在{/ block：posts}之前）。问题在于标签远远低于帖子，就像下一篇文章的上方。这些颜色也很奇怪？不符合主题颜色。

图片

因此，在顶部的蓝色和紫色的话是我的标签从以前的帖子，并在底部紫色字是从文本后大约是累的标签。

让我知道如果我需要包含任何更多的代码。

来源

2014-09-01 user3053829

可能需要看到更多的HTML CSS。基本上，您可以将类添加到标记链接{Tag}，然后您可以在文档头部的样式标记中设置类的样式。所以像a.tag-link {color：＃333; margin：0;} a.tag-link：hover {color：＃777;}如果你想在回答中提供这个信息，请告诉我。 – lharby 2014-09-01 08:17:46

@ lharby我最担心的是间距。你知道如何让标签贴近帖子吗？ – user3053829 2014-09-04 00:16:47

你可以做几件事。您可能需要发布一些代码或者向我们展示一个页面，如果您正在使用与当前主题完全相同的主题，请参阅下面的答案。 – lharby 2014-09-04 08:18:15

在您使用的主题中有一个标记信息的包装，此外还有一个应用于发布段落的边距。在CSS变化：

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

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

}

要

.postmeta { 
    margin:0; 
} 

.post p { 
    margin:0; 
}

您需要在风格标签在文档的顶部添加此。

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

来源

2014-09-04 08:22:58 lharby

对不起，我无法找到该部分。我只是看到一大块文字，如 '#content .post .postmeta a，#content .post .postmeta a：link，#content .post .postmeta a：visited {color：{color：Postmeta}; }' – user3053829 2014-09-04 23:24:29

你确定在Chrome/Firefox/Safari中使用控制台/检查器吗？ – lharby 2014-09-05 08:49:00

http://theme.fm/wp-content/uploads/2011/10/chrome-inspector-twenty-eleven.png右下角显示有关正在应用的样式以及应用这些样式的所有远程文件的信息。在列出的主题中，风格已应用于已上传到tumblr的文件中：http://static.tumblr.com/anfpypi/cp4mbbi94/feather_2.0_min.css 包含我在答案中列出的样式信息。所以你写了一段代码来覆盖父类型。如果将它添加到样式标签中的文档头部，这将起作用。也许你应该试试它的乐趣。 – lharby 2014-09-05 09:05:00

如何修复标签和tumblr文章之间的间距？

回答

相关问题