지식창고

[오딧세이스킨] 본문폭 넓히기

Consomme 2024. 7. 28. 00:23
반응형

2단으로 사용하다보니 본문 폭이 너무 작습니다. 참고 블로그는 티스토리의 블로그관리와 비슷하게 만들고 있습니다. 그래서 티스토리의 블로그와 같은 본문 폭을 바꾸어 봅니다.

오딧세이스킨 본문폭 넓히기

1. 전체 CSS 수정

오딧세이는 가로 max 1020px로 되어 있습니다. 그러는 반면에 티스토리의 블로그관리 페이지는 1150px로 되어 있습니다.

css에서 ctrl + f 키로 1020px를 1150px로 바꾸면 됩니다.

총8개 뜹니다.

header .inner-header
area-promotion .inner-promotion
main
article-header .inner-header
article-header .box-meta
articel-header .title-article
use-category-baner
revenue_unit_wrap.position_list

 

2. 2단사용 본문 CSS수정

가로폭 수정 후 간격발생

area-main 입니다. 700px로 되어 있습니다.

area-main 수정

왼쪽은 max-width: 800px 로 수정하였습니다.

area-aside 폭수정

오른쪽 사이드는 310px로 수정하였습니다.

총 가로가 1150이므로

왼쪽 본문의 area-main은 800px, 오른쪽 310px로 사이는 40px 마진이 주어지네요.

 

성공하시길 기원합니다.
반응형