blogger 왼쪽 여백 제거하기

blogger 기본 템플릿을 브라우저 폭을 줄이면 아래 그림처럼 블로거 왼쪽 공간이 좁혀지지 않는다. 사실, 왼쪽,오른쪽,아래쪽에 여백이 생긴다.
(모니터에 브라우저의 폭을 줄여서 보면 쓸데없는 왼쪽 공간으로 블로그 내용이 그만큼 한눈에 들어오지 않는 문제가 있다.)




chrome debug(F12) 로 찾아본 결과 다음과 같이 body-fauxcolumn-outer 의 padding 값이 설정되어 있었다. padding 을 다음과 같이 0으로 수정하여 여백을 없앨 수 있다.

body, .body-fauxcolumn-outer {
  font: normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  color: #222222;
  background: #eeaa00 none repeat scroll top left;
  /*
  ysoftman 왼쪽,오른쪽,아래 여백 없애기
  padding: 0 40px 40px 40px;
  */
  padding: 0 0 0 0;
}