티스토리 타이틀 회색 배경 부분 간격 조정 및 위치 중앙으로 조정

 

티스토리에서 제목 배경 그림 없애기를 완료하셨나요?

 

그렇다면 약간 어색한 타이틀 회색 배경 부분을 확인하시고  간격 조정의 필요성을 발견하셨을 텐데요.

 

이 부분의 간격을 수치로 조정하셔서 타이틀이 중앙으로 오게끔 맞추시면 위아래 치우침 없이 조정하실 수 있습니다.

 

그러면 지금부터 쉽게 따라 하는 티스토리 타이틀 회색 배경 부분의 간격 조정하는 과정을 안내해 드리도록 하겠습니다.

 

 

티스토리-타이틀-회색-배경-부분-간격-조정하기

 

[목차여기]

 

티스토리 타이틀 회색 배경 부분 간격 조정 및 수정하기

 

 

먼저 티스토리 블로그 관리로 들어가셔서 스킨 편집을 누르시고 html 편집으로 들어가 줍니다.

 

이번에는 CSS 탭으로 이동을 하시고 Ctrl + F를 눌러 검색 창에 post-cover를 입력하시고 1046라인으로  가시면 height : 340px; 라고 보이실 것입니다.

 

저는 여기에서 340px; 를 260px; 로 수정해 주었는데요.

 

어떤 분은 220으로 하시는 분들도 계시지만 너무 위쪽으로 치우치는 것 같아서 저는 260px; 로 입력해 보았습니다.

 

회색-배경-부분-간격-조정-height

 

 

 

꼭 이수치가 아니더라도 원하시는 수치를 계속 적용해 보시고, [적용하기]-[새로고침]을 하셔서 사이트 상단이 어떻게 바뀌는지를 확인하시면서 수치를 정정해 주시면 됩니다.

 

그런데 타이틀의 글자 위치가 한쪽으로 치우쳐 있으므로 중앙으로 정정해 주셔야 하는데요.

 

 

티스토리 타이틀 회색 배경 부분 글자 위치 중앙으로 조정하기

 

 

타이틀 글자 위치를 중앙으로 조정하시려면 먼저, CSS에서 Ctrl + F를 누르시고 검색창에 .post-cover .inner{ 를 누르시고 검색하시면 아래와 같은 화면이 검색됩니다.

 

티스토리-타이틀-글자위치-조정-.post-cover-.inner

 

 

 

1067라인에 있는 padding-bottom의 수치가 처음에는 78px; 로 설정되어 있으실 것입니다.

 

저는 이 수치를 조금씩 조정하면서 60px; 로 정정하고 [적용하기]-[새로고침] 하였는데 티스토리 타이틀 회색 배경 부분의 글자 위치가 중앙으로 배치된 것을 확인하였습닞다.

 

수치는 꼭 정해져 있는 것은 아니니 본인의 페이지 화면을 보시면서 알맞은 수치로 조정해 가시기를 바랍니다.

 

 

마치며

지금까지 티스토리 타이틀 회색 배경 부분 간격 조정 및 수정하기 및 글자 위치 중앙으로 조정하는 방법에 대해서 간단하게 설정해 보았는데요.

 

막연하게 어렵게만 여기던 것을 쉽게 따라 하며 적용할 수 있어서 유익한 시간이었으리라고 생각합니다.

 

알고 계신 분들도 많으시겠지만 처음 접하시는 분들께는 약간의 갈증이라도 해소할 수 있는 정보였으면 좋겠다는 생각을 해봅니다.

 

티스토리 제목 부분 배경 그림 없애기