TCDテーマORION：スマホ表示時、トップページ各コンテンツの説明文を中央揃えにする方法

Q.スマホ表示時、トップページ「コンテンツ1」の説明文を中央揃えにしたい

当該箇所は、PC表示時は中央揃えで表示されますが、スマホ表示時には左揃えで表示される仕様です。

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

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

・コンテンツ1の説明文

@media screen and (max-width:970px) {
  #index_content1 .desc p { text-align: center; }
}

・コンテンツ2の説明文

@media screen and (max-width:970px) {
  #index_content2 .desc p{ text-align: center; }
}

・特別ページコンテンツの説明文

@media screen and (max-width:970px) {
  #index_content2 .desc p{ text-align: center; }
}

・上記すべての説明文を一括で中央揃えにする

@media screen and (max-width: 970px) {
  #index_content1 .desc p, #index_content2 .desc p, #index_dis .desc p{ text-align: center; }
}