子テーマでのCSS変更が反映されない件について

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など 子テーマでのCSS変更が反映されない件について

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

      こんにちは、お世話になります。

      子テーマのCSSで見出しのカスタマイズを試みているところです。
      h1、h2は無事反映されたのですが、
      h3、h4が反映されず、親テーマのCSSが反映されている状態です。
      現在、試験的に以下のように子テーマに入力しているのですが、
      h2は反映され、h4は反映されず、見出し分の下部に薄いグレーの点線が表示されてしまいます。
      (これが親テーマでのh4の設定ですよね?)

      .article h2 {
      margin: 0 0 1.5em;
      padding: 0.8em;
      border-left: 7px solid #B92A2C;
      border-bottom: 1px dashed #B92A2C;
      font-size:1.443em;
      font-weight: bold;
      }

      .article h4 {
      margin: 0 0 1.5em;
      padding: 0.8em;
      border-left: 7px solid #B92A2C;
      border-bottom: 1px dashed #B92A2C;
      font-size:1.443em;
      font-weight: bold;
      }

      フォーラムを拝読して、F5連打は試してみました→やはり反映されません。
      親テーマのCSSを書き直せば解決しそうですが、
      こちらをいじるのは初心者としてはちょっと怖くて
      なんとか子テーマで反映させたいと思っています。

      解決方法などおわかりでしたらご教授いただけると幸いです。
      よろしくお願いいたします。

    • #26042
      わいひらわいひら
      キーマスター

      h4は反映されず、見出し分の下部に薄いグレーの点線が表示されてしまいます。

      border-left: 7px solid #B92A2C;も表示されないのですか?点線の設定がされているので、1pxのグレーの点線が表示されるのはしょうがないと思います。
      border-bottom: 1px dashed #B92A2C;

      出来れば、URLなどがあると、原因がおそらくすぐわかるかと思います。

      URLを公開できない場合は、ガイドラインをチェックしていただくしかありません。

    • #26046
      もみじ
      ゲスト

      さっそくのご返信ありがとうございます!

      サイトのアドレスですが、
      http://xn--f9jyah1fr406b.xyz/
      です。
      まだテスト投稿程度しかしていない状態です。

      サイト上で「要素を検証」を見ると
      h2の子テーマによるカスタマイズも部分的に反映されていないように思えます。
      またh4をカスタマイズするために子テーマに記述したものが
      そもそも記載されていません><

      ほんの3日くらい前からCSSの編集を始めたばかりなので、
      基本的な部分がまだわかっていないと思います。
      わいひらさんから見たら
      ポカミスとしか思えないようなことをしているに違いないので
      さらすのがすごく恥ずかしいですがURLを記載させていただきました。
      どうぞよろしくお願いいたします。

    • #26050
      わいひらわいひら
      キーマスター

      子テーマの.article h3:beforeの部分を一度全部削除して、表示させてみてください。
      そのCSSセレクタ内のプロパティに何か問題があるのではないかと思います。
      とりあえず、以下の部分は;がありません。
      box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset

    • #26052
      もみじ
      ゲスト

      ブログを見てくださりありがとうございます!

      ご指示の通り、h3:before部分を削除してみたのですが、
      h3、h4どちらも変わりませんでした。

      他に何か気になる点があれば、ご指導くださると幸いです。
      お手数ばかりかけてしまい申し訳ないです。

    • #26056
      わいひらわいひら
      キーマスター

      括弧が閉じられていないです。

      .article h3 {
      	position:relative;
      	padding-left:30px;
      	border-left: 7px solid #B92A2C;
          border-bottom: 1px dashed #B92A2C;
      	font-weight: bold;
      	font-size: 17px;
    • #26058
      もみじ
      ゲスト

      うわ、凡ミスもいいところですね、申し訳ありません!

      括弧を閉じたらh4の子テーマでの変更がきちんと反映されました。

      稚拙な質問にお答えいただき本当にありがとうございました!
      Simplicityを選んでよかったです。

      まだまだわからないことだらけですが、
      早くCSSを使いこなせるようがんばります。

    • #26061
      わいひらわいひら
      キーマスター

      原因が分かってよかったです。
      あと、
      border-bottom: 1px dashed #B92A2C;の左側のスペースが全角なのも半角に修正しておいたほうがいいかもしれません。

    • #26073
      もみじ
      ゲスト

      わいひらさん、たびたびのご教示ありがとうございます!
      ご指摘の件、すぐに修正します。

      今回質問させていただいたおかげで、一歩前進できました。
      「こんな初心者まるだしの質問、ハズカシイ><」
      と思ってかなり躊躇していたのですが、
      聞くは一時の恥ってその通りですね。
      思い切って書かせていただいてよかったです。

      本当にありがとうございました。

8件の返信スレッドを表示中
  • トピック「子テーマでのCSS変更が反映されない件について」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)