h2見出しのカスタマイズ

10件の返信スレッドを表示中
  • 投稿者
    投稿
    • #24316
      ぱぴりんこ
      ゲスト

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

      子テーマのcssでh2の見出しのカスタマイズをしたいと思い、下記を記述してみました。

      
      .article h2 {
        font-size:22px;
        border-bottom:3px double #ed7b8c;
        border-top:1px solid #ed7b8c;
        padding:20px 10px 10px 10px;
        box-shadow:0px 2px 3px 0px #888888;
        background: #F9F9F9;
      }

      border-leftは子テーマには記述していないのですが、表示されてしまいます。

      h2midashi

      border-leftを消すにはどのようにしたらいいでしょうか?

      どうぞよろしくお願いいたします。

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

      border-left: 0 none;とかでいいんじゃないかと思います。

    • #24328
      ぱぴりんこ
      ゲスト

      わいひらさん、こんばんは。

      早速、お返事をありがとうございます。

      border-left: 0 none;
      を記述してみたのですが、border-leftは表示されたままで消えないです。

      他に何か理由考えられるでしょうか?

      どうぞよろしくお願いいたします。

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

      実際にどのようなCSSスタイルの呼び出し順になっているのか、該当ページのソースを見てみないことにはちょっとわからないです。

    • #24359
      ぱぴりんこ
      ゲスト

      わいひらさん、おはようございます。
      お返事をありがとうございます。

      下記がサイトのURLです。
      http://wpcodinglog.com/

      どうぞよろしくお願いいたします。

    • #24360
      hidekichi
      ゲスト

      たぶん、子テーマの12行目あたりのborder-leftに、border-left: none;でイケるのではと思ったり。
      子テーマ70行目あたりに3pxのborder-leftもあるみたいなのでそれもコメントアウトでしょうか。

    • #24374
      ぱぴりんこ
      ゲスト

      hidekichiさん

      初めまして。ご回答をありがとうございます。

      余り子テーマのことやカスタマイズについて詳しくないので、アドバイスいただいた内容が
      よく解らなくています。
      ・・・すみません。

      子テーマには、現在下記の内容しか記述していません。

      @charset "UTF-8";
      @import url("../simplicity/style.css");
      
      /*
      	Theme Name: Simplicity child
      	Template: simplicity
      */
      
      /* Simplicity子テーマ用のスタイルを書く */
      
      .article h2 {
        font-size:22px;
       border-left: 0 none;
        border-bottom:3px double #ed7b8c;
        border-top:1px solid #ed7b8c;
        padding:20px 10px 10px 10px;
        box-shadow:0px 2px 3px 0px #888888;
        background: #F9F9F9;
      }
      
      .article h3,
      #comment-area h3,
      #related-entries h3{
        font-size:20px;
        border-left:5px solid #e7e7e7;
        border-bottom:3px double #e7e7e7;
        padding:10px 0px 0px 10px;
      }
      
      .article  h4{
        border-left:1px solid #f9cfd7;
        border-bottom:3px double #f9cfd7;
      }
      
      .article  h5{
       font-size:18px;
        border-bottom:3px double #f9cfd7
      }
      
      .article  h6{
        border-left:3px solid #f9cfd7;
        border-bottom:1px solid #f9cfd7
        font-size:16px;
      }

      なので、70行目あたり…というのがよく解らないのですが、どこを見ればいいでしょうか?

      どうぞよろしくお願いいたします。

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

      スキンが設定されているので、スキンのスタイルが優先されて適用されているようです。
      詳しくは以下の「スタイルの優先度」の項目を参照してください。
      Simplicityのスキン機能の仕様

      これを解決するには、いろいろな方法がありますが、スキンより優先されるCSSセレクタを書くことで改善されます。

      #main .article h2 {
          border-left: 0 none;
      }

      CSSセレクタについて詳しくは、「CSSセレクター」で検索してみてください。

    • #24391
      hidekichi
      ゲスト

      わいひらさんの返信でわかりましたが、使用されているスキンの70行目やらです。
      場所は親テーマのskinsフォルダ/「sakura(だろうと思う)」/style.cssかなぁと。
      sakuraかどうかは定かではないのでカスタマイザーあたりで確認して下さい。

    • #24429
      ぱぴりんこ
      ゲスト

      わいひらさん、こんばんは。

      お忙しいところ、ご回答をありがとうございます。
      まずはじめに、できました!
      嬉しいです。

      「スタイルの優先度」Simplicityのスキン機能の仕様を読んでみました。
      わいひらさんのおっしゃっていることが、書いてありました。

      子テーマよりもスキンのスタイルのほうが優先されるということ・・・

      まだまだ、html+cssの勉強中なので、解らないことだらけですが、h2のカスタマイズができてよかったです。

      わいひらさん、今回も助けていただき、どうもありがとうございました。
      hidekichiさんが回答を投稿してくださったことにも感謝します。

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

      うまくいったようで良かったです。
      僕も本来なら、スキンより子テーマのスタイルを優先させたいところですが、子テーマの仕様上「スタイルの優先度」に書かれてあったようにするしかありませんでした。

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