Worldpres Popular posts カスタマイズ 間隔を広げて境界線をひく 

※自分用のメモです。cssは完全なsh楼です。つっこみどころがあったら教えて下さい。。
 
WordPress Popular postsが便利だと聞いて使用してみましたが、角を丸くしたせいか?
何か間隔が狭く、つまりすぎてちょっと不格好・・・。
 
スクリーンショット 2015-11-26 13.53.21
 
 
なので
スクリーンショット 2015-11-26 12.34.15
このようにサムネイルの間隔を広げて境界線をひいてみたい。
ということでプラグインを少しいじります。
 
 
 
管理画面のプラグイン→プラグイン編集からWordpress popular postsを選択、
wordpress-popular-posts/style/wpp.cssを開く
/* LI - Post container styles */
.wpp-list li {
overflow:hidden;
float:none;
clear:both;
}
の{ }内に
border-bottom:1px solid #d8d8d8;
margin:5px 5px 5px 5px;
を追加。
 
以下のようになりました。
.wpp-list li {
overflow:hidden;
float:none;
clear:both;
border-bottom:1px solid #d8d8d8;
margin:5px 5px 5px 5px;
}
 
 
 
境界線はsolidで表示できます。色は#d8d8d8で薄いグレーにしています。 
Sponsored Link