個別記事のタイトル.article h1のcss要素の変更方法

Simplicityの特徴 › フォーラム › Simplicityについての質問 › 個別記事のタイトル.article h1のcss要素の変更方法

  • このトピックには2件の返信、1人の参加者があり、最後にカナにより10年、 8ヶ月前に更新されました。
2件の返信スレッドを表示中
  • 投稿者
    投稿
    • #35697
      カナ
      ゲスト

      個別記事のタイトル.article h1のcss要素を子テーマのcssで文字サイズを変更しようとしていますが
      うまくいきません。

      元々のstyleが適用されて子テーマ側で入力したものはキャンセルされているような感じがします。

      firebugで見てる感じだと以下の添付画像のような感じで
      .article h1が訂正線だらけになります。

      http://netakiri.net/uploader/src/up0167.jpg

    • #35699
      Hidekichi
      ゲスト

      訂正線は後で書かれている(読み込まれている)同じセレクタで上書きされている分です。
      なので、一番上の右上にあるstyle.cssが最終的に読み込まれている内容となりますので、その部分のstyle.cssにマウスを重ねてどのスタイルシートが読み込まれているかを確認し、その部分よりも後で読み込まれるように、そのスタイルシートの最後に同名のセレクタで再度上書きしたりするなどして欲しい内容を適用させます。

      例えば最終的な有効セレクタが親テーマにある場合は、子テーマで上書きできますし、htmlのヘッダにインラインで書かれているものはそれよりも後で読み込むであろうheader-insert.php(1.x系)にスタイルタグで書き込んだり、jqueryでタグに直接入れたりすることで上書きできます。

      また自らが確実に変更点を把握できるなら!importantを利用することでも上書きできないようにもできます。

      例えば、.article h1には、おそらくですが.entry-titleというセレクタもついてるかと思います。そこらがどうなっているかも確認が必要です。また、aタグでリンクがあった場合、

      [div class=article]
        [h1 class=entry-title]
          [a href=#]記事タイトル[/a]
        [/h1]
      [/div]

      ※ クォートは外してます。〈〉は[]で書いてます。

      こういう場合ですが、aタグにスタイルがしてある場合は、.article h1を設定するだけでは変更できません。なので解決方法としては、

      .article h1 a {
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
      }

      このようにしておくことで、.article h1に設定したfont-sizeなどがaにも継承されて適用できるようになります。

    • #35700
      カナ
      ゲスト

      Hidekichiさん

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

      やはり斜線は上書きされているものなのですね。
      ご記載頂いたaに継承される設定で無事反映されました、ありがとうございます。

2件の返信スレッドを表示中
  • トピック「個別記事のタイトル.article h1のcss要素の変更方法」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)