本文下「関連記事」見出しのカスタマイズについて

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも 本文下「関連記事」見出しのカスタマイズについて

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

      いつもお世話になっています。

      本文下の「関連記事」見出しの文字についてですが、
      子テーマを使って文字を小さく変えたいのですが反映されません。

      2.0.6のスタイルシートでは
      .related-entry h4
      となっていますが、実際の見出しはソースを見ると h2 のようです。

    • #36184
      Hidekichi
      ゲスト

      関連記事の部分を変更されたいのであれば、

      #related-entries h2 {
        font-size: nn;
      }

      で変えられるはずです。
      .related-entryは関連記事のタイトル部分です。そのh4であると、現在はh3になっているので(2系)、

      .related-entry h4 {
        font-size: n;
      }

      では変えられません。

      また各関連記事ブロックの中の記事タイトルはaタグで囲まれていて、aタグにスタイルされているために、

      .related-entry h3 {
        font-size: n;
      }

      だけでは変えられず、aタグにスタイルをするか、あるいは以下のようにしてh3にスタイルしたらaタグにそれを継承するように書かないといけません。

      .related-entry h3 {
        font-size: 18px;
        color: #333;
      }
      
      .related-entry h3 a {
        font-size: inherit;
        color: inherit;
      }

      これでh3にスタイルすれば、そのフォントサイズと色はaタグに継承されます。

    • #36200
      miho
      ゲスト

      Hidekichiさま

      詳しくありがとうございます!
      タイトルの部分と間違えていたということですね。

      #related-entries h2 {
        font-size: nn;
      }

      で、変える事ができました。
      ありがとうございました。

2件の返信スレッドを表示中
  • トピック「本文下「関連記事」見出しのカスタマイズについて」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)