Joomla 3xでフル幅の背景画像を追加する方法

Question

Joomla 3xの記事でdivのフル幅の背景画像を追加したいのですが、どう考えていますか？ 1つまたは複数のモジュールはサフィックスクラスを追加できますが、アーティクルまたはモジュールの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も全角でなければなりません。あなたはそのページの詳細その後、1つの.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; 
} 

は、あなたは、子セレクタを使用する必要があります。すなわち

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