見出しのカスタマイズがデフォルトのデザインと重複してしまう

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など 見出しのカスタマイズがデフォルトのデザインと重複してしまう

このトピックには3件の返信が含まれ、1人の参加者がいます。11 ヶ月、 1 週前 benrishi.xyz さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #52481

    benrishi.xyz

    見出しのカスタマイズを試みたところ、デフォルトの見出しと重複して効果が出てしまっています。
    原因と解決方法を教えていただきたいです。
    宜しくお願い致します。

    また、

    /* フォント */
    body{
     color:#4e5665 !important;
    }/* フォントを灰色にする */

    でテキストの色変更を試みたのですがこれも上手く行きません。
    こちらも合わせて教えて頂けると幸いです

    ■ホーム
    弁理士XYZホーム
    ■記事リンク
    発明の新規性とは

    ■CSSの状況(子テーマのcss.style)

    @charset "UTF-8";
    
    /*
    Theme Name: Simplicity2 child
    Template:   simplicity2
    Version:    20161002
    */
    
    /* Simplicity子テーマ用のスタイルを書く */
    
    /* フォント */
    body{
     color:#4e5665 !important;
    }/* フォントを灰色にする */
    
    /* [記事を読む] */
    .entry-read {
      display: none;
    }
    
    .article h2{
      position: relative;
      color: white;
      background: #1468c6;
      line-height: 1.4;
      padding: 0.5em 0.5em 0.5em 1.8em;
    }
    
    .article h2:before {/*疑似要素*/
      font-family: FontAwesome;
      border-bottom: none;
      content: "\f14a";
      position: absolute;
      left : 0.5em; /*左端からのアイコンまでの距離*/
    }
    
    .article h3 {
    position: relative;
    padding-left: 1.2em;/*アイコン分のスペース*/
    line-height: 1.4;
    }
    
    .article h3:before{ font-family: FontAwesome;/*忘れずに*/
    content: "\f00c";/*アイコンのユニコード*/
    position: absolute;/*絶対位置*/
    font-size: 1em;/*サイズ*/
    left: 0;/*アイコンの位置*/
    top: 0;/*アイコンの位置*/
    color: #1468c6; /*アイコン色*/
    }
    
    /*---------------------------------
    グローバルナビの上下に線の装飾
    --------------------------------*/
    #navi {
     border-top:0.7px solid #949eaa;
     border-bottom:0.7px solid #949eaa;
    }
    /*---------------------------------
    グローバルナビのホバー時の線と文字の色を変更
    --------------------------------*/
    #navi ul li a:hover{
        color: #1468c6 !important;
            background-color:white;
    }
    #navi ul li a:before{
       background:#1468c6 !important;
    }
    #navi ul,#navi{
     background-color:white;
    }
    
    /*---------------------------------
    サイドバー見出し
    --------------------------------*/
    
    #sidebar h3{
    text-align:center;
    line-height: 24px;
    font-size: 18px;
    color: #ffffff;
    background-color: #1468c6;
    border-radius: 10px;
    padding: 2px 10px;
    
    }
  • #52483

    かうたっく

    はじめまして

    body {
     color: #4e5665;
    }

    colorの前に全角スペースがはいっているので反映してないようです。下記をコピペして貼り付けると反映しますよ^^

    body {
      color: #4e5665;

    }`

    見出しの重複とは、デザインの重複でしょうか。もしそうなら、反映させたくない親テーマのスタイルを初期化する方法とか…でしょうか。

  • #52484

    かうたっく

    親テーマのスタイルが子テーマに反映されて思った通りの装飾にならないって事でしたら、CSSは親テーマを読み込んで、子テーマのスタイルを上書きするのが原因です。違ったらすみません・・

    解決方法は、親テーマのスタイルを、不要な部分を初期値に戻してあげます。新たに追加した子テーマのスタイルの上にです。

    .article h2 {
      border-left :none;
      margin: 0;
      font-size: medium;
    }
    
    /*この下に反映させたいスタイルを書く*/
    .article h2{
    position: relative;
    color: white;
    background: #1468c6;
    line-height: 1.4;
    padding: 0.5em 0.5em 0.5em 1.8em;
    }

    これで、子テーマに書いたスタイルのみ反映されます。初期値は『color 初期値』など検索したらわかります。親テーマのスタイルを検索して初期値に戻したらOKです。

  • #52520

    benrishi.xyz

    かうたっくさん

    無事すべて解決しました!
    ありがとうございます!!

トピック「見出しのカスタマイズがデフォルトのデザインと重複してしまう」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)