本文へジャンプします。



ココログサポート Top>>Questions List>>カスタムCSSの反映の仕方を教えてくださ...

fixed_question

カスタムCSSの反映の仕方を教えてください

文字の行間隔を広げたいと思い、カスタムCSSを追加しましたが、上手く反映されません。
どのようにすれば反映されるのか教えて頂きたいと思います。
実際に行った処理は下記になります。

①「デザイン」の「カスタムCSSの編集」ボタンを押下しカスタムCSSを追加しました。
 追加した文字( .content p {line-height: 130%;} )
②「カスタムCSSの編集」画面の「確認」ボタン押下時に、確かに希望する行間隔に変更されていた為、「変更を保存」ボタンを押下し保存しました。
③「デザイン」の「確認」ボタン押下時も希望する行間隔であった為、その横の「反映」ボタンを押下し、「全てのファイル」を選択し、「反映」ボタンを押下しました。
④「全てのファイルを反映しました」と表示された為、ブログを確認してみると、標準の行間隔でカスタムCSSが反映されていません。

他の方の質問に、一時ファイルを削除した方が良い、という回答があった為、一時ファイルと履歴を削除したのですが、何も変わりません。
また、反映されるまでに時間差が発生するともあった為、3日ほど待ってみましたが、何も変わりませんでした。

ブログを始めたばかりの初心者なので、操作方法が不慣れだと思いますが、教えて頂けると助かります。
宜しくお願い致します。
basic infomations

レモン | | permalink | ブログの設定/管理

Re: カスタムCSSの反映の仕方を教えてください
こんにちは。

反映の仕方自体は1~4の方法で問題ないと思います。

それなのに何故反映しないかについては質問文だけでは何とも言えません。
ブログのアドレスを教えていただくか、下記の内容を補足してください。

1) デザインは「カスタムテーマ」ですか?「オリジナルテーマ」ですか?
「オリジナルテーマ」の場合は、テンプレート名も教えて下さい。

2) 「.content p {line-height: 130%;}」以外に自分で記述したCSSはありますか?
あったら全文をこちらに提示して下さい。
(他のCSSの記述によって、適用が阻害される場合があります)

尚、私のブログで試したところ、
.content p {line-height: 130%;}
だと、元の行間とそんなに変わるほどの値ではないので、最初は適用されているのかどうか判りませんでした。
そこでテスト的に数値を300%にしたところ変更が確認出来、上記のCSSが適用されていることが分かりました。
もしかしたらレモンさんの場合もこのようなケース(適用はされているが、変化が小さいので気づかない)かもしれません。
一度上記のようなテストをしてみてはいかがでしょうか。

以上、ご参考になれば幸いです。

no-name. | |

Re: カスタムCSSの反映の仕方を教えてください
no-name. 様

ご回答有り難うございます。
また、実際にご確認して頂き有り難うございました。

私のブログでも数値を300%にしてみましたが、何も変化がありませんでした。

①デザインは、ココログオリジナルテーマの「Stars and Stripes」になります。
②「.content p {line-height: 130%;}」以外に記述されているCSSはありません。

ブログのアドレスは写真が多用されており、パスワードをかけている為、申し訳ないのですが控えさせて頂きたいと思います。
少ない情報で申し訳ないですが、ご回答宜しくお願い致します。

レモン | |

Re: カスタムCSSの反映の仕方を教えてください
こんにちは。
補足をありがとうございました。

「Stars and Stripes」のソースを確認したところ、
このテンプレートの場合、記事欄を囲っているclassは「content」ではなく「entry-body」となっていました。

ですのでCSSを
.entry-body p {line-height: 130%;}
としてやれば適用されるはずです。

試してみて下さい。

no-name | |

Re: カスタムCSSの反映の仕方を教えてください
no-name. 様

何度もご回答頂き有り難うございます。
教えて頂いたように記述したら、ブログでもしっかり反映されるようになりました。
ソースまで確認して教えて頂き、とても助かりました。
どうも有り難うございました。

レモン | |

Re: カスタムCSSの反映の仕方を教えてください
無事解決致しました。
どうも有り難うございました。

レモン | |