태그와 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; 여백 : 0;} a.tag-link : hover {color : # 777;} 등 당신이 대답을 원한다면 알려주세요. – lharby

@lharby 내가 가장 걱정하는 것은 간격입니다. 태그를 올리는 방법을 알고 있습니까? – user3053829

할 수있는 일이 몇 가지 있습니다. 당신은 몇 가지 코드를 게시하거나 우리에게 페이지를 표시해야 할 수도 있습니다, 당신이 테마를 정확하게 사용하고 있다면 현재 현재 내 대답을 볼 수 있습니다. – lharby

사용중인 테마에는 태그 정보에 대한 래퍼가 있으며, 단락 게시에 여백이 적용됩니다. 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 : 링크, #content. post. postmeta a : visited {color : {color : Postmeta}; }' – user3053829

Chrome/Firefox/Safari에서 console/inspector를 사용해도 되니? – lharby

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

태그와 tumblr 게시물 사이의 간격을 수정하는 방법은 무엇입니까?

답변

관련 문제