3. 티스토리 오디세이(odyssey) 블로그 전체 너비 조정

🧡 티스토리/블꾸기록

사월의눈꽃 2023. 6. 29. 02:23

티스토리 오디세이(odyssey) 스킨 본문 영역 넓히기

지난번 포스팅에서 답답한 블로그 본문 영역을 넓혔더니 문제가 생겼다.

바로 아래 사진처럼 달력이 겹쳐보이고 최근글/인기글 제목도 어딘가 정돈되어보이지 않는다.
해결할 수 있는 여러가지 방법이 있겠지만 가장 쉬운 방법으로는 블로그 자체 여백을 조정해 해결해 보려고 한다.

여기 이 화살표 여백 부분을 줄여서 사이드바 부분을 늘려줄 생각이다!

CSS 코드 수정

[ 블로그관리 홈 > 스킨편집 > html 편집 > CSS ]
이번에도 ~~이젠 좀 익숙해진 것 같은(?)~~ CSS 코드를 수정해볼 것이다.

[ Ctrl + F > ' main '] 을 검색하여 max-width값을 넉넉하게 조정한다.
(나는 1020px → 1190px정도로 조정해 보았다. 취향껏 조정해 보자)

⬇️ 수정한 코드 ⬇️

/* main */
.main {
    width: 100%;
    max-width: 1190px;
    margin: 0 auto;
}

좌우 여백폭이 줄면서 자연스럽게 가로폭도 넓어지게 된다.
아래 사진처럼 달력의 겹쳐지는 부분과 어수선한 최근글/인기글의 제목도 두줄로 정리되었다.

완벽한 해결법은 아닐 수도 있으나, 효과적이고 쉬운 방법인듯하다!

끝!