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

ワードプレステーマ別

TCDテーマGENSEN:スマホでキャッチフレーズを中央に揃える方法

WordPressテーマ「NULL」

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

ダウンロード

2020/7/9 記事を更新しました。

Q.スマホでGENSENのトップページのキャッチフレーズを中央揃えにすることはできますか?

トップページのキャッチフレーズは、パソコンで見ると中央揃えですが、スマホで見ると左揃えになっています。
スマホでもパソコンと同じように中央揃えにしたいです。

A.カスタムCSSに追記をしてください。

TCDテーマオプションの「基本設定」>「カスタムCSS」をご利用頂く方法がございます。
下記のように記載の上、ご調整くださいませ。

@media screen and (max-width: 991px){
  #header_slider .caption .catchphrase {
    text-align: center;
  }
}

 
補足)スライダー〇枚目のキャッチフレーズのみにこの変更を適用したい場合、記述を下記の内容に変更ください。

@media screen and (max-width: 991px){
  #header_slider .item〇 .caption .catchphrase {
    text-align: center;
  }
}

セレクタに「.item〇」を追加しました。〇には変更したいスライダーの番号を入力してください。

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

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

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