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

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

  • このトピックには3件の返信、1人の参加者があり、最後にbenrishi.xyzにより4年、 6ヶ月前に更新されました。
3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #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
      ゲスト

      かうたっくさん

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

3件の返信スレッドを表示中
  • トピック「見出しのカスタマイズがデフォルトのデザインと重複してしまう」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)