TCDテーマCURE：ヘッダースライダーの高さを変更する方法

Q.ヘッダースライダーの高さは変更できますか？

A.下記の方法でカスタマイズしてください。

外観＞TCDテーマオプション＞基本設定のカスタムCSSに入力ください。

#header_slider, #header_slider .item{
    height: 〇px !important;
}

〇を任意の数値に変更してください。

また、キャッチフレーズの位置については下記CSSにてご調整ください。

#header_slider .catch {
    height: 〇px;
}

〇を任意の数値に変更してください。

カスタムCSS例：スマホのみ、高さを画面半分で表示する。

/*スマホ表示のみスライダーの高さ調節*/
@media screen and (max-width: 550px){
  #header_slider, #header_slider .item{
    height: 50vh!important;
  }
  #header_slider .item .image{
    height: 100%!important;
  }
}

▼変更イメージ

補足

• 動画やYouTubeにも対応しています。
• 少しワイド仕様の画像が必要になるかもしれません。