[티스토리][#1 스킨] 가로폭 820을 늘리기 (수정 2019-03-11)

개요

'#1 스킨'을 사용하게 되면서 발생한 수정 사항을 기록해두었습니다. 스킨 자체에서 가로폭이 820 으로 지정되어 있어서, 관리자 모드 에서 '콘텐츠 설정' 으로 들어가서 가로폭의 크기를 늘려봐도 반영이 되지 않습니다. 

(가로폭 설정하는 화면)

음... 가로폭을 넓히려면 스킨을 수정해야겠네요.

본문

여기서 CSS 를 편집할 것입니다. 수정할 사항은 정말 조금 밖에 안 되니, 잘 따라와주세요.

<CSS 편집으로 들어가기>

1) 티스토리 관리자 모드로 들어감

2) '스킨 편집' 클릭

3) 스킨 편집 에서 'html 편집' 을 클릭. (잘 찾아보시면 있어요...)

가장 하단 에 다음을 추가

@media (min-width:1030px) { .article_skin{width:1020px;} }
@media (min-width:1230px) { .article_skin{width:1220px;} }
@media (min-width:1430px) { .article_skin{width:1420px;} }

편한대로 수치는 조정하셔도 됩니다. min-width 는 설정하려는 크기에서 +10 정도를 해주면 널널하고 좋습니다.

관련 문서

2017/11/13 - [Software Tips] - [Tistory] '#1 기본 스킨' 보강. 반응형 가로 조절 중에 잠깐 가로 스크롤 나오는 문제.

2017/11/10 - [Software Tips] - [Tistory] '#1 기본 스킨' 보강. Admin, Write 링크 달기.