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; } }
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!