티스토리 Letter 스킨 본문 영역 폭 변경

안녕하세요.

티스토리 Letter 스킨의 포스팅 본문 영역 폭은 최대 800px로 설정되어 있습니다.이번 포스팅에서는 포스팅 본문 영역의 폭을 변경하는 방법에 대하여 알아보겠습니다.

우선 크롬 개발자 도구의 선택 도구를 활용하여 본문 영역을 선택합니다.

본문 영역을 선택하게 되면 왼쪽 그림과 같이 개발자 도구의 HTML창에 <main id="main"> 부분이 선택되어 있습니다. 여기서 2줄 아래에 있는 <div class="inner_index">를 클릭합니다.

그럼 블로그에 포스팅 영역과 마진이 구분되어 표시됨을 확인할 수 있습니다.

개발자 도구의 CSS 창을 보면 602행부터 선택한 영역의 속성 값이 시작됨을 알 수 있으며, max-width : 800px로 최대 가로 폭이 800px임을 알 수 있습니다.

그럼 이제 티스토리 HTML 편집기에서 CSS 편집으로 들어가 602행으로 찾습니다. 그리고 max-width의 값을 1024px로 변경합니다.

이제 블로그 화면을 새로 고침 해보면 포스팅 본문 폭이 넓어졌음을 확인할 수 있습니다. max-width 값 1024px는 임의로 선택한 값이며, 원하시는 폭으로 조절하시면 됩니다.

 

행복하 하루 보내세요.

감사합니다.