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

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

2015/11/252017/3/3

※自分用のメモです。cssは完全なsh楼です。つっこみどころがあったら教えて下さい。。

WordPress Popular postsが便利だと聞いて使用してみましたが、角を丸くしたせいか？

何か間隔が狭く、つまりすぎてちょっと不格好・・・。

なので

このようにサムネイルの間隔を広げて境界線をひいてみたい。

ということでプラグインを少しいじります。

管理画面のプラグイン→プラグイン編集から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で薄いグレーにしています。