TCDテーマBeauty：トップページのスライダーの高さを調整する方法

2021/1/26 記事を更新しました。

Q.トップページのヘッダーコンテンツの高さ（縦幅）を変更したいのですが、方法を教えて下さい。

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

外観>TCDテーマオプション>基本設定にある「カスタムCSS」にて、下記内容をご記述頂くことで、実現可能です。

・PC表示時のヘッダーコンテンツの高さを小さくする

@media screen and (min-width: 766px) {
  .p-header-content { height: 〇px; }
}

・PC表示時のヘッダーコンテンツの高さをデフォルトより大きくする

@media screen and (min-width: 766px) {
  .p-header-content { height: 〇px; }
  .p-header-slider__item { height: 〇px; }
}

〇を任意の数値に変更ください。デフォルトは630pxです。

・スマホ表示時のヘッダーコンテンツの高さを変更する

@media screen and (max-width: 767px) {
  .p-header-content {
    height: 〇px;
  }
  .p-header-slider__item {
    height: 〇px;
  }
}

〇を任意の数値に変更ください。デフォルトは370pxです。