티스토리 본문 크기 조절 및 가운데정렬

티스토리 본문 크기 조절 및 가운데정렬

 

Square스킨의 본문 크기 조절 및 가운데 정렬 방법

티스토리 Square 스킨은 심플하고 2단(좌우)으로 되어 있어서 심플하기 때문에 제가 오랫동안 이용하였습니다.
전반적으로 좌측으로 몰려있어서 사이즈나 위치를 옮기고자 할 때 사용하는 방법입니다.

 

1) 관리자모드에서 CSS접속
2) 아래 그림에서 두번째 줄의 max-inner는 전체 페이지의 크기를 나타내는 수치
3) 아래 그림에서 세 번째 줄은 페이지의 자동으로 가운데 정렬을 나타냄

 

#변경 전

#content { margin: 0 0 0 330px; padding: 0; } 
#content-inner { max-width: 1030px; width: 100%; padding-right: 30px; } 
#content-inner {  }

 

#변경 후

#content { margin: 0 0 0 330px; padding: 0; }
#content-inner { max-width: 1100px; width: 100%; padding-right: 30px; }
#content-inner { margin:0 auto; }

 

 

CSS 접속 >> #content-inner 검색 >> max-width 수치 조절

사이즈조절 및 자동정렬 수치 변환

변경 전, 좌측정렬된 모습

변경 전, 중앙정렬된 모습

마무리

스킨 편집 어렵지 않습니다.

 

관련글

 

 

자료가 마음에 드셨다면, 하단부 공감 버튼 꾸욱~ 눌러주세요