본문으로 바로가기

파일의 IT 블로그

  1. Home
  2. 웹/HTML + CSS
  3. 티스토리 본문 넓히기 (#2 반응형 스킨)

티스토리 본문 넓히기 (#2 반응형 스킨)

· 댓글개 · KRFile

블로그에서 #2 스킨이 깔끔하고 좋아서 사용중인데 본문 부분이 살짝 좁은 느낌이 들어서 수정해봤습니다.

 

티스토리 관리 페이지로 이동

>> 꾸미기탭 - 왼쪽아래 스킨변경

>> 오른쪽위 사용중인 스킨 부분 편집을 누릅니다.

 

오른쪽 부분에서 CSS 항목으로 이동한후 빨간색 부분만 수정해주면 됩니다.

 

/* 헤더 */
.wrap_skin{position:relative;min-width:884px;min-height:100%;padding-left:23%;transition:padding-left ease-in-out 0.2s}
.wrap_skin.navi_on {padding-left:960px}
.area_head{position:fixed;left:0;top:0;width:23%;margin-top:171px;min-width:320px;z-index:1000}
.article_skin{width:원하는폭px;min-height:858px;margin:0 auto;padding:96px 42px 100px}
#tt-body-index .article_skin { padding-top:70px }
.article_skin .tit_skin{padding-bottom:15px;border-bottom:1px solid #efefef;font-weight:normal;font-size:20px;line-height:26px;color:#5c5c5c}
.article_skin .index_title { display:none }

 Ctrl + F 누른후 .article_skin{width: 검색후  .article_skin{width:원하는폭px 로 바꾸시길 바랍니다.

 

 

티스토리가 프론트엔드 수정권한을 주는건 블로그 메인화면 뿐이라서 글 쓰기 페이지와 같은건 수정할 수 없습니다.

블로그 메인폭을 늘렸더니 그래서 글 쓰기 페이지의 폭이 더 좁아서 에디터에서 글쓴것과 직접 메인에서 보는 화면이 조금 달라지기에 주의해야 합니다.

 

저는 그래서 답답하지 않을정도로 800px에서 900px정도로만 늘렸습니다.

큰 차이는 없지만 그래도 답답함이 좀 줄어들었네요

SNS 공유하기
💬 댓글 개
이모티콘창 닫기
울음
안녕
감사해요
당황
피폐

이모티콘을 클릭하면 댓글창에 입력됩니다.