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

PR 2015/4/22

このトピックには8件の返信、2人の参加者があり、最後にもみじにより9年、 11ヶ月前に更新されました。

8件の返信スレッドを表示中

投稿者

投稿
- 2015年4月21日 5:41 PM #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を書き直せば解決しそうですが、
  こちらをいじるのは初心者としてはちょっと怖くて
  なんとか子テーマで反映させたいと思っています。
  
  解決方法などおわかりでしたらご教授いただけると幸いです。
  よろしくお願いいたします。
- 2015年4月21日 5:52 PM #26042
  
  わいひら
  キーマスター
  
  h4は反映されず、見出し分の下部に薄いグレーの点線が表示されてしまいます。
  
  border-left: 7px solid #B92A2C;も表示されないのですか？点線の設定がされているので、1pxのグレーの点線が表示されるのはしょうがないと思います。
  border-bottom: 1px dashed #B92A2C;
  
  出来れば、URLなどがあると、原因がおそらくすぐわかるかと思います。
  
  URLを公開できない場合は、ガイドラインをチェックしていただくしかありません。
- 2015年4月21日 6:27 PM #26046
  
  もみじ
  ゲスト
  
  さっそくのご返信ありがとうございます！
  
  サイトのアドレスですが、
  http://xn--f9jyah1fr406b.xyz/
  です。
  まだテスト投稿程度しかしていない状態です。
  
  サイト上で「要素を検証」を見ると
  h2の子テーマによるカスタマイズも部分的に反映されていないように思えます。
  またh4をカスタマイズするために子テーマに記述したものが
  そもそも記載されていません＞＜
  
  ほんの3日くらい前からCSSの編集を始めたばかりなので、
  基本的な部分がまだわかっていないと思います。
  わいひらさんから見たら
  ポカミスとしか思えないようなことをしているに違いないので
  さらすのがすごく恥ずかしいですがURLを記載させていただきました。
  どうぞよろしくお願いいたします。
- 2015年4月21日 7:30 PM #26050
  
  わいひら
  キーマスター
  
  子テーマの.article h3:beforeの部分を一度全部削除して、表示させてみてください。
  そのCSSセレクタ内のプロパティに何か問題があるのではないかと思います。
  とりあえず、以下の部分は；がありません。
  box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
- 2015年4月21日 8:09 PM #26052
  
  もみじ
  ゲスト
  
  ブログを見てくださりありがとうございます！
  
  ご指示の通り、h3:before部分を削除してみたのですが、
  h3、h4どちらも変わりませんでした。
  
  他に何か気になる点があれば、ご指導くださると幸いです。
  お手数ばかりかけてしまい申し訳ないです。
- 2015年4月21日 9:44 PM #26056
  わいひら
  キーマスター
  括弧が閉じられていないです。
```
.article h3 {
	position:relative;
	padding-left:30px;
	border-left: 7px solid #B92A2C;
　　　　border-bottom: 1px dashed #B92A2C;
	font-weight: bold;
	font-size: 17px;
```
- 2015年4月21日 10:29 PM #26058
  
  もみじ
  ゲスト
  
  うわ、凡ミスもいいところですね、申し訳ありません！
  
  括弧を閉じたらh4の子テーマでの変更がきちんと反映されました。
  
  稚拙な質問にお答えいただき本当にありがとうございました！
  Simplicityを選んでよかったです。
  
  まだまだわからないことだらけですが、
  早くCSSを使いこなせるようがんばります。
- 2015年4月21日 10:58 PM #26061
  
  わいひら
  キーマスター
  
  原因が分かってよかったです。
  あと、
  border-bottom: 1px dashed #B92A2C;の左側のスペースが全角なのも半角に修正しておいたほうがいいかもしれません。
- 2015年4月22日 12:31 PM #26073
  
  もみじ
  ゲスト
  
  わいひらさん、たびたびのご教示ありがとうございます！
  ご指摘の件、すぐに修正します。
  
  今回質問させていただいたおかげで、一歩前進できました。
  「こんな初心者まるだしの質問、ハズカシイ＞＜」
  と思ってかなり躊躇していたのですが、
  聞くは一時の恥ってその通りですね。
  思い切って書かせていただいてよかったです。
  
  本当にありがとうございました。
投稿者

投稿