cssメモ Jimdoブログ本文の行間を変える
サイトのブログは更新情報をメインに、カスタマズメモはこちらに分けています。
Jimdoのブログのカスタマイズ。
行間を空けたい場合:
cssのどこを指定したらいいのか。
適当なページで右クリック、「検証」で開発者用の呪文窓を開く。
呪文を上から順番にポチポチしていくと、選択された部分がどこか表示が動いていって、どこか分かるので、目的の本文の所を探していく。
この表示になるのは、▼の部分を開いていった結果、下の部分が関わってることが判明。
そこで、並列指定になってるclassの、j-text=日本語の文字入力されたもの を意味すると思われるので、それと、そこの中の本文pをターゲットにします。
j-text で指定された範囲に含まれる 本文p の 行間を150%に、という指定です。
プラス、リンクのa も行間を同じにそろえます。
多少は読みやすくなったと思います♪
Jimdoのブログのカスタマイズ。
行間を空けたい場合:
cssのどこを指定したらいいのか。
適当なページで右クリック、「検証」で開発者用の呪文窓を開く。
呪文を上から順番にポチポチしていくと、選択された部分がどこか表示が動いていって、どこか分かるので、目的の本文の所を探していく。
この表示になるのは、▼の部分を開いていった結果、下の部分が関わってることが判明。
そこで、並列指定になってるclassの、j-text=日本語の文字入力されたもの を意味すると思われるので、それと、そこの中の本文pをターゲットにします。
.j-text p {
line-height:150%;
}
.j-text a {
line-height:150%;
}
j-text で指定された範囲に含まれる 本文p の 行間を150%に、という指定です。
プラス、リンクのa も行間を同じにそろえます。
多少は読みやすくなったと思います♪