ワードプレステーマ Xeoryのカスタマイズ2

技術系

クローズアップ記事をスマホ画面にすると、センターリングされていて、何とも見ずらい・・・。

ドバイスってなんだ?って感じ(;^_^A

で、クローズアップ記事のクラスは何というのかを調査。

まずは、対象画面を開いて、どこでもいいので、右クリックし、検証を左クリック。

検証をクリックすると、テキストのクラス名がわかる。

この場合、クラス名は ”c_text”

クラス名がわかったら、テーマ(子テーマではなく、親テーマのCSS)で、クラス名を検索。

 

クラス名が”c_text” 要素が”h4”と判明。で、スマホ画面のみ適用するコードに、改行解除、左寄せのコードをいれて、テーマエディターで「子テーマ(ここ重要)」のcssに書き込みます。
※テーマエディターは、ダッシュボード、外観の一番下にあります。

/* スマホ 画面 センタリング解除*/
@media (max-width: 991px) {
br{display:none;}
.c_text h4{text-align : left !important;}
}

やってみると

左寄せなので、まあ、アドバイスに見えるかな(*^_^*)

コメント