本文見出しをつけるとヘッダーにも同じものが入る

Simplicityの特徴 › フォーラム › Simplicity2に関する話題何でも › 本文見出しをつけるとヘッダーにも同じものが入る

4件の返信スレッドを表示中
  • 投稿者
    投稿
    • #53608
      yuki
      ゲスト

      初めまして。
      申し訳ございません、初歩的な質問で恐縮なのですが
      記事の見出しに装飾を付けようとスタイルシートに書き込むと
      見出しに反映されると同時に、ヘッダー部分にも同じ装飾が入ってしまいます。

      挿入しようとしたものは以下になります。

      h2{
          color: #dd6a7a;
          padding: 5px 5px 5px 30px;
          position: relative;
      }
      h2:before{
          background-color: #ef858c;
          border-radius: 5px;
          content: '';
          position: absolute;
          top: 0;
          left: 3px;
          width: 5px;
          height: 100%;
      }
      h2:after{
          background-color: #f3cbd0;
          border-radius: 5px;
          content: '';
          position: absolute;
          top: 0;
          left: 12px;
          width: 5px;
          height: 100%;
      }

      何か余計な一文が挟まっているのでしょうか…?

    • #53612
      とあるWordPress中毒者
      ゲスト

      h2?

      header部分のどこに装飾がついてしまっているのか見せてほしいです。

    • #53617
      アバター画像わいひら
      キーマスター

      CSSセレクタの優先度が低いからだと思います。
      本文中H2見出しを編集するなら一般的な方法としては、CSSセレクタを.article h2とかにしてみてください。現在の状態では、全てのH2見出しに同じスタイルが適用されます。

      CSSセレクタの優先度については、「CSSセレクタ 優先度」等で検索して調べてみてください。
      ブラウザ等でCSSを編集したい要素を選択して、右クリックすると「検証」とか「要素を調査」とかメニューが出ると思うので、そこからも調べることができます。

    • #53630
      yuki
      ゲスト

      とあるWordPress中毒者様 >

      こんな感じなのですがわかりますでしょうか?
      サイトタイトルが入るちょうど真下あたりから画面端まで見出しが伸びていく形で…

      わいひら様

      ありがとうございます、調べてみます。
      まだまだ知らない事が多いようでお恥ずかしい限りです…

    • #53636
      アバター画像わいひら
      キーマスター

      画像だけでは、ソースコード分析することはできないので
      完全に原因を探る場合は、サイトのURLを提示していただくしかないかもしれません。

      ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。

4件の返信スレッドを表示中
  • このトピックに返信するにはログインが必要です。
スポンサーリンク
アドセンス(大)
アドセンス(大)