サポート » テーマ » hタグ装飾の効果がトップページにまで

  • 解決済 nyamechin

    (@nyamechin)


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

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

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

    • このトピックは nyamechinが2 週間、 4 日前に変更しました。

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

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは

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

    例:

    h2:not(.heading-font) {
    	color: #000;
    }

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

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

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

    body:not(.smartphone) h2 {
    	color: #000;
    }

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

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。