Как сделать чтобы картинка background была не на всю ширину страницы, а только по бокам?

Если он прописан, то убрать с центра ее. А если НЕ прописан то прописать в left_column и right_column.

А можно поподробней как это сделать?
Добавила в body
background-image: url("/img/fon.jpg");

А что дальше?

А почему в body? Я вроде нормальным Русским языком написал

Прописать нужно в themes\Ваша_тема\css\global.css

Когда добавляю в left_column отображается только маленький кусочек
см в приложении

#left_column {
clear: left;
width: 191px;
margin-right: 21px;
background-image: url(/img/fon.jpg);
overflow: hidden
}

я что-то не так делаю?

У Вас тоже все правильно прописано, но фон получается того же размера что и блок, потому видна ее часть только. если прописать padding:1px 15px; мне так показалось что сайт более ровным получается, не прилепает к краю и фон виден. Вы можете поэкспериментировать с этими значениями.

geomagi, прописала как вы написали, так вообще background никак на странице не отображается..
Ладно, пусть будет на всей странице. Посветлее фон выберу, чтобы текст читабельным был.

Задайте min-height для left_column и все будет ок.