ワードプレステンプレートの単一ページの幅を広げる

Question

私はSelaテーマ（https://wordpress.org/themes/sela/）から全幅のテンプレートを使用しています。 1つの特定のページの全幅テンプレートの幅をナビゲーションバーと同じ長さに増やしたいと思います。 http://www.somarunners.com/routes/

これは私が変更したいページです。

ウェブ上の情報を使用して、私は私のCSSに以下を追加しました：

.PAGEのテンプレート全幅ページ.content-wrapper.full-width.withoutな機能を備え、画像{ マージン： 0; }

しかし、これは意図した効果がありませんでした。

誰かがテンプレートの幅を変更する方法についての提案があれば、私はそれを感謝します。

Answer 1

あなたは最大幅で簡単な変更が必要な変更が作成）私は

Aを示唆している

@media screen and (min-width: 1180px) 
.site { 
    max-width: 100%; 
} 

を作ったことができますあなたのページテンプレートに影響を与えるメディアクエリ

@media screen and (min-width: 1180px) 
.site { 
    margin: 0 auto; 
    max-width: 1180px; 
    padding: 0; 
} 

を持っていますカスタムページテンプレートを作成し、必要なページが1つだけの場合は.siteを100％に設定します。

また、メディアクエリ内の最大幅を100％に変更すると、大きな画面では機能しないことがあります。