[WordPress] 半分ページの完全な幅のスタイルの CSS

スポンサーリンク

質問

現在に取り組んでこのウェブサイト: http://mdftanzania.com。私は、ワードプレスと headway101 を使っています。ページの開始部分に適用される全幅緑の背景色を持ってしたい: 私たちについてとのサービス。緑の背景があるページの一部に div クラスを追加します。全幅緑の背景に、div クラスのスタイルにしようとした、これはうまく 、現時点で一部だけを今のスタイルに設定 (web サイトを参照してください: http://mdftanzania.com).

コンテナーまたはページ内のテキストの最初の部分の場所、コンテンツのコンテナー上のウィジェットを作成する別のソリューションがあることを理解します。この問題は、それは混乱を招く私のクライアントのページでテキストを編集します。ワードプレスのシンプルさがし基本的に離れて行きます。そのため、私は探しています CSS スタイルを使用してソリューションのクライアントのみを扱っているので、’ s.

誰か解決策これ?

答え

この css をその特定のセクションに追加:

{
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
}

答え

あなたの css で設定このルールがある:

.block-type-content {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 120px;
}

このコンテナーの子 100 % の幅を持っている可能性がありますにもかかわらず親のこのパディングは守らなければならないように。だからこそ全幅緑のバーを取得しないでください。負マージン-左と右、緑のバーを展開するを試みる可能性があります:

.color {
    margin: 0 -25px;
    padding: 0 25px;
}

少なくとも Firefox/Mac でこの問題を解決できない

http://stackoverflow.com/questions/28198354/half-page-full-width-styling-css

スポンサーリンク

Leave a Reply