サポート » 使い方全般 » h2タグをカスタムして小見出しを装飾する方法を教えて下さい!

  • SACHI

    (@yohei696969)


    表題の通り小見出しを装飾したいのですが
    スタイルシートの1.0 – Reset内にある

    h2 {
    font-size: 24px;
    line-height: 1.3;
    }

    上記のカッコ内に様々な記述を追加しても小見出しが装飾されなくて困っております。
    記述文章は半角でスペースは入れております。
    カッコ内に記述する以外に何か他の記述が必要なのでしょうか?

    教えて頂きたく思います。
    twenty fourteenのテーマを使用しております。
    よろしくお願いいたします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • .entry-content h2:first-child
    の方が効いてるんじゃないでしょうかね

    キャッシュ系の機能はサーバーで使っていませんよね。

    トピック投稿者 SACHI

    (@yohei696969)

    ご回答ありがとうございます。

    6.4 Entry Contentの
    .entry-content h2:first-child
    は弄っておりません。

    逆に.entry-content h2:first-childの方を
    どうにか弄る事で解決出来るのでしょうか?

    キャッシュ系の機能はサーバで使用しておりません。
    宜しくお願いいたします。

    多分優先順位の問題なのでCSS特性は以下の通りです。
    id(#):100
    class(.):1
    tag:0
    になります。
    したがって、IDを探せば大丈夫だと思いますよ。
    【例】
    #container .entry-content h2{}など

    それでもだめなら

    .entry-content h2{
    font-size: 24px !important;
    line-height: 1.3!important;
    }

    ではどうでしょう

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「h2タグをカスタムして小見出しを装飾する方法を教えて下さい!」には新たに返信することはできません。