TCDテーマVOGUE：トップページヒーローヘッダー上のキャッチフレーズの文字色と位置を変更する方法

Q.トップページのヒーローヘッダーで、キャッチフレーズの文字色や位置を変更したいです。

カーソルを合わせると表示されるキャッチフレーズは通常白色で表示されます。設定している画像や動画によっては、文字が見づらくなることも考えられます。
 
▼変更箇所イメージ

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

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

.p-hero-header__nav-item-title {
 color: ●; bottom: 〇px; }

●に文字色を、〇で文字位置を指定してください。〇のデフォルト値は120pxです。

 
▼変更後イメージ

スマホ表示時のキャッチフレーズを同様に調整されたい場合は以下のCSSを入力してください。

@media only screen and (max-width: 991px) {
.p-hero-header__slider-item-title {
  color: ●; bottom: 〇px; }
}

●に文字色を、〇で文字位置を指定してください。〇のデフォルト値は81pxです。