賢威7のメイン画像をサイトの横幅いっぱいに広げる方法

main

 

 

今回ご紹介するのは賢威7のメインイメージ画像をサイトの横幅いっぱいに広げる方法です。

メイン画像というのはヘッダー画像とは異なり、グローバルメニューの下に表示させる画像のことです。

⇩賢威についての詳しい情報は下記から⇩
賢威公式サイト
 

メイン画像をサイトの横幅いっぱいに表示させよう!

 

今回は賢威7のクール版を使って説明していきます。

メイン画像は基本的にコンテンツの幅と同じサイズになっています。

スクリーンショット 2016-03-10 10.58.56

 

今回設定する方法は両端の余白まで広げる方法になります。

ですので、このメイン画像の幅分がすべてピンクになります。

 

やり方はとても簡単で以下のコードをbase.cssに追記していきます。

.main-image-in {

width: 100%;

}

 

たったこれだけで大丈夫です。

 

どんな感じになるかというと

 

スクリーンショット 2016-03-10 10.59.47

 

THE・ピンクになりましたね!

サイトを広くみせたい時などに有効なので必要に応じてやってみてください。

トレンドサイトなどはあまりメイン画像を設定する必要もなく、ヘッダーがあればいいので、メインサイト(情報発信)とかにはいいかもしれません。

 

 

賢威7カスタマイズ大図鑑へ戻る

副業から月収10万円以上を安定的に稼ぐ力を身につける無料メルマガ講座

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-10-16-37-15

一緒にビジネスや遊びを全力でシェアしよう!お気軽に申請どうぞ!

スクリーンショット 2016-08-17 0.43.46

コメントを残す

自己紹介・挨拶がないコメントに関しては返答を控えさせて頂きます。
サブコンテンツ

一緒にビジネスや遊びを全力でシェアしよう!お気軽に申請どうぞ!

スクリーンショット 2016-08-17 0.43.46

キラの公式LINE@

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-29-7-40-42

このページの先頭へ