Стиль к классу "pageContent"

Как к классу <div class="pageContent"> применить стиль бэкграунда:
background: url(pagecontent.jpg) repeat-y top center; ?

пробовал в extra.css прописывать так:

Код:

#pageContent {
background: url(pagecontent.jpg) repeat-y top center;
}

не отображается почему-то.

 

Попробуйте # заменить на точку. Если не поможет, то ищите в управлении стилем свойства.

 

С точкой получилось криво, бэкграунд не под всей страницей заменился а только меню и ниже футера области.
Настройки стиля пересмотрел еще до написания тут вопроса, ничего не получилось(.
Хотя визуально через "Просмотр кода элемента" в Google Chrome прописал: "background: url(pagecontent.jpg) repeat-y top center;" и все замечательно устанавливается как и задумывалось.

p.s. стиль: http://xenfocus.com/demo/index.php Platform

 

Я вот смотрю, большинству вопрошающих просто лень почитать на досуге про селекторы CSS. Да и вообще про CSS почитать.
Вот хороший справочник по CSS. Ну и вот еще объяснения на пальцах по самым распространенным селекторам.

 

Базовые знания css у меня есть, и в моем случае они могут решить проблему, просто опыта нет в "глубоком" изменении стиля на XenForo.
Я обычно глупые вопросу не задаю и не считаю что отношусь к "вопрошающим" (иногда когда время есть свободное помогаю тут менее опытным), а если и задам вопрос то уже после того как некоторое время помучаюсь с его решением.

 

@Edward, эту область хотите изменить что ли (выделил зелёным цветом)?

 

Ок. Не буду цепляться. Просто странно знать CSS и при этом класс (.) путать с id (#).

 

Да, именно её.

 

Разобрался сам, всем откликнувшимся все равно спасибо .

Использовал следующие классы и ид: #content > .pageWidth > .pageContent