Как добавить фоновое изображение полной ширины в Joomla 3x

Question

Я хочу добавить фоновое изображение полной ширины для div в статье в Joomla 3x, но я понятия не имею, как это сделать. Статья или модули могут добавлять класс суффикса, но применяются только для div раздела или модуля, но не для полной ширины.

пример кода:

<div class="container"> 
    <div class="article-wrapper">article here</div> 
</div> 

Суффикс класса я могу добавить, чтобы только статья-обертки, но мне нужно добавить в контейнер.

Помогите?

Answer 1

Все, что вам действительно нужно сделать, это add a custom CSS file указав подходящий селектор и фоновое изображение, как это или подобное:

#content { 
    background: url(background-image.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

Селектор будет зависеть от шаблона, так что вы должны будете сделать некоторые рыть с FireBug или Инструменты разработчика или аналогичные.

Answer 2

Код ниже должен работать. Но этот .container div также должен быть полной.

.container { 
    background: url(background-image.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

Если у вас есть более чем один .container дивы на этой странице, то вы должны будете использовать селектор ребенка. т.е.

#maincontainer .container:firstchild { 
    //code here// 
}