티스토리 썸네일 하단 회색 제거 방법 (쎔네일 조정하면서 생긴 문제점 해결)

네이버블로그에서 티스토리 옮기면서 다양한 웹 기술을 알아야 한다는 것을 알게 되었습니다.

네이버 블로그는 네이버에서 정해진 틀에서 한정적으로 홈페이지를 꾸밀 수 있지만, 티스토리는 네이버 블로그 이상의 홈페이지를 꾸밀 수 있다는 것에 놀랐고 Html, Css등 웹언어들을 많이 알게 되면 자신만의 독창적인 홈페이지 블로그를 만들 수 있다는 것을 알게 되었습니다. Html은 초보적 지식이 조금 있어 그 언어가 무엇을 나타내는지 감이 오지만 Css는 그 구조가 더욱 복잡하여 지금은 스킨 편집보다는 배포된 무료 스킨을 적용하는수 밖에 없었습니다. 그러나 난간을 만나지 않을 수 없었습니다. 썸네일을 정사각형으로 적용하였는데 그 하단의 회색이 눈에 띄었고 그 간격이 너무나 크기에  css를 건들어야겠다는 것을 알게 되었습니다. 

 

아래는 썸네일 정사각형으로 설정하였고 그 하단의 회색 공간이 있다는 것을 알게 되었습니다.

아까도 말씀드렸지만 지금은 css의 구조를 제대로 모르기 때문에 짐작으로 그 부분을 제거하는 수 밖에 없다는 것을 알게 되었습니다. 저 회색을 제거하기 위해서는 css 중 해당 기능을 가진 구문을 찾아야 합니다. 그리고 그 부분을 발견하게 되었습니다. css 중 1147번에 보면 .post.item.thum 구문이 있습니다. 이 구문을 조정할 수 있지만, 가감하게 제거하였습니다. padding-bottom을 줄일 수도 있지만...저는 쎔네일 이미지를 대부분 넣기 때문에 지워도 무방하겠다는 결론을 내리고 지우게 되었습니다.

 

아래와 같이 쎔네일 하단 회색 부분이 사라졌습니다. 혹시 저와 같은 어려움을 겪고 있다면 저와 같은 방법을 사용해보시는 것을 권해드리며, 불안하시다면 지우기 전에 해당 구문을 메모장에 복사 붙여넣기 해 놓으시고 지우고 저장해보시기 바랍니다.