ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマCherie:トップページヘッダーコンテンツのスライダー部分の横幅を大きくする方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.トップページヘッダーコンテンツの右側部分の横幅を広げて表示させたいです。

テーマでは、メインコンテンツ部分(ロゴ画像やテキスト)とスライダー部分(画像スライダー・MP4動画・YouTube動画)が1:1となるレイアウトを採用しています。

▼変更後のイメージ →Cherieデモサイトと比較してみてください。
変更後のイメージ

A.下記の方法でご対応ください。

TCDテーマ>基本設定のカスタムCSSに入力してください。

@media screen and (min-width: 801px) {
  #header_slider_catch_area { width: 35%; }
  #header_slider { width: 65%; }
  #header_slider .item { width: 990px; }
}

数値は適宜変更してください。
ただし、上記よりメインコンテンツ幅を狭くする場合はテキスト量なども検討した方がいいかもしれません。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事