サイドバー 文字の行間を詰める方法


このブログの編集していて気付いたこと。


サイドバーのカテゴリー、それぞれ文字の間が空きすぎではないか?
「最近の投稿」の上の空間が空きすぎるのも気になる。



↓赤い四角の印の部分、この行間を詰めるにはどうしたらいいのだろう?↓




解決のために試してみたこと


ネットで「サイドバー  余白幅  縦幅を狭く」で検索しました。

Cocoonフォーラムを見て、サイドバーの項目間の余白幅の変更について を見つけたので
外観>テーマファイルエディターに


.widget {
  margin-bottom: 38px;
}


を入れて、margin-bottomの数字を38から10に変えてみましたが、なにも変わりませんでした。



さらに調べてみたこと


さらにネット上を調べてみると、サイドバーの行間を整える(WordPress・Cocoon設定)
を見つけました。

こちらも、外観>テーマファイルエディターに以下のコードを入れてみましたが、広かった幅が
余計に広がってしまいました。

このコードは、狭すぎる行間を広くするためのようです。


/* サイドバー、タイトル間のスペース*/
.widget-sidebar li {
padding-top:15px;
}

       ↓    ↓    ↓