티스토리 뷰

티스토리 Letter 스킨 본문 제목 상단 여백 편집

안녕하세요.

티스토리 Letter 스킨의 본문 레이아웃 기본값은 블로그 제목과 포스팅 제목 사이에 여백이 설정되어 있습니다. PC 화면 기준으로 여백이 설정되어 있는데, 모바일 화면에서는 여백이 설정되어 있지 않습니다.

블로그 본문 화면 기본값

이번 포스팅에서는 위의 그림과 같은 블로그 제목과 포스팅 제목 사이의 여백을 모바일 화면처럼 줄이는 방법을 알아보겠습니다.

개발자 도구 선택 도구
개발자 도구 CSS

크롬 개발자 도구의 선택 도구를 사용하여 본문 영역을 선택합니다. 그리고 개발자 도구의 CSS 창을 보면 상단 margin 100px, 상단 padding 54px 값이 CSS 속성 2149행부터 설정되어 있음을 확인할 수 있습니다 

CSS 편집 전
CSS 편집 후

티스토리 HTML 편집기에서 CSS 편집창으로 들어갑니다. 그리고 편집할 영역인 2149행을 찾습니다. 그럼 이제 padding 값을 삭제하거나 주석으로 묶어서 비활성화시킨 후 적용을 클릭합니다.

블로그 본문 화면 편집 후

블로그 본문 화면을 새로 고침 해보면 위의 그림과 같이 포스팅 제목 상단의 여백이 줄어들었음을 확인할 수 있습니다. 만약 여백을 더 줄이고 싶다면 margin 값을 100px보다 더 작은 값으로 변경하면 됩니다. 여기까지 본문 영역에서 블로그 제목과 포스팅 제목 사이의 여백을 줄이는 방법을 알아보았습니다.

 

행복한 하루 보내세요.

감사합니다.

댓글
댓글쓰기 폼