cssメモ Jimdoブログ本文の行間を変える

サイトのブログは更新情報をメインに、カスタマズメモはこちらに分けています。

Jimdoのブログのカスタマイズ。

行間を空けたい場合:
cssのどこを指定したらいいのか。

適当なページで右クリック、「検証」で開発者用の呪文窓を開く。
呪文を上から順番にポチポチしていくと、選択された部分がどこか表示が動いていって、どこか分かるので、目的の本文の所を探していく。


この表示になるのは、▼の部分を開いていった結果、下の部分が関わってることが判明。


そこで、並列指定になってるclassの、j-text=日本語の文字入力されたもの を意味すると思われるので、それと、そこの中の本文pをターゲットにします。


.j-text p {
        line-height:150%;
}
.j-text a {
    line-height:150%;
}

j-text で指定された範囲に含まれる 本文p の 行間を150%に、という指定です。
プラス、リンクのa も行間を同じにそろえます。




多少は読みやすくなったと思います♪

人気の投稿