hタグ装飾の効果がトップページにまで

  • 解決済 Nyamechi

    (@nyamechin)


    5年、 2ヶ月前

    こちらのwebサイト→ http://nyamechi.com を
    「WPtouch」というプラグインで モバイル対応させているのですが、
    hタグ(h2)の装飾の効果がトップページにまで入って見栄えが悪くなります。

    様々なwebで調べてみると、clssやidのセレクタをいじれとあるので、
    「entry-content」など、解析で色々試したのですが、どれもヒットせず・・、
    http://nyamechi.com の場合、どのセレクタを使用すれば良いのでしょうか。

    ご解答よろしくお願い申し上げます。

    • このトピックはNyamechiが5年、 2ヶ月前に変更しました。

    ヘルプの必要なページ: [リンクを見るにはログイン]

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • ishitaka

    (@ishitaka)

    5年、 2ヶ月前

    こんにちは

    トップページのヘッダー（h2）にだけ、heading-font クラスが付加されているようなので、これを :not() で除外するのはどうでしょうか？

    例:

    h2:not(.heading-font) {
	color: #000;
}
    トピック投稿者 Nyamechi

    (@nyamechin)

    5年、 2ヶ月前

    ご返信ありがとうございます！
    「:not()」というセレクタがあるのですね・・！

    どこに半角スペースを入れるか、
    など試行錯誤したところ、
    なんとかうまいこと実装できました！
    大変感謝しております！

    ishitaka

    (@ishitaka)

    5年、 2ヶ月前

    モバイル時のみ body タグに smartphone クラスが付加されるので、これを使用する方がスマートかもです。

    body:not(.smartphone) h2 {
	color: #000;
}
    トピック投稿者 Nyamechi

    (@nyamechin)

    5年、 2ヶ月前

    今後の参考にさせていただきます！
    ありがとうございます！

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「hタグ装飾の効果がトップページにまで」には新たに返信することはできません。