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

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 마진이 주어지네요.

 

성공하시길 기원합니다.