Raindropsをfull width layout　に変更する

Raindropsのレスポンシブレイアウトは、デフォルトでBoxスタイルですが、簡単なカスタマイズで、full width layoutに変更する事ができます。

まず、テーマカスタマイザー（　外観/テーマ/カスタマイズ　）で、Fluid Max Width　の値を　1920px 等　広幅に設定します。

次に、style.cssに以下のスタイルルールを追加します。

#hd,#access .menu-header,#bd,#ft .widget-wrapper,#ft address{
 max-width:1000px;
 margin:auto;
}
#top #hd{
 border-top:none;
}

2015/4/15 修正版
ヘッダー画像幅1000px

#doc3 .front-page-top-container,
#header-image,
#hd,
#access .menu-header,
#bd,
#ft .widget-wrapper,
#ft address{
 max-width:1000px;
 margin:auto;
}
#top{ 
 background-color: #070707;}
#top> a{
 display:block;
 background:#000;
}
#top #hd{
 border-top:none;
}

以上です。


投稿日: tenman
Raindrops

関連投稿

コメントは受け付けていません。