2014-09-01 86 views
0

我在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}之前)。問題在於標籤遠遠低於帖子,就像下一篇文章的上方。這些顏色也很奇怪?不符合主題顏色。

圖片

http://i.stack.imgur.com/ejw5k.png

因此,在頂部的藍色和紫色的話是我的標籤從以前的帖子,並在底部紫色字是從文本後大約是累的標籤。

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

+0

可能需要看到更多的HTML CSS。基本上,您可以將類添加到標記鏈接{Tag},然後您可以在文檔頭部的樣式標記中設置類的樣式。所以像a.tag-link {color:#333; margin:0;} a.tag-link:hover {color:#777;}如果你想在回答中提供這個信息,請告訴我。 – lharby 2014-09-01 08:17:46

+0

@ lharby我最擔心的是間距。你知道如何讓標籤貼近帖子嗎? – user3053829 2014-09-04 00:16:47

+0

你可以做幾件事。您可能需要發佈一些代碼或者向我們展示一個頁面,如果您正在使用與當前主題完全相同的主題,請參閱下面的答案。 – lharby 2014-09-04 08:18:15

回答

0

在您使用的主題中有一個標記信息的包裝,此外還有一個應用於發佈段落的邊距。在CSS變化:

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

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

}

.postmeta { 
    margin:0; 
} 

.post p { 
    margin:0; 
} 

您需要在風格標籤在文檔的頂部添加此。

如果您遇到其他問題,請將它們添加到此處或原始問題。謝謝

+0

對不起,我無法找到該部分。我只是看到一大塊文字,如 '#content .post .postmeta a,#content .post .postmeta a:link,#content .post .postmeta a:visited {color:{color:Postmeta}; }' – user3053829 2014-09-04 23:24:29

+0

你確定在Chrome/Firefox/Safari中使用控制檯/檢查器嗎? – lharby 2014-09-05 08:49:00

+0

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