WordPress、Simplicity2、記事間に線を引く

関連記事の記事間、人気記事の記事間に線を引く方法

動作環境
Simplicity2.5 安定版とSimplicity2の子テーマ（バージョン：20161002）をインストール。
WordPress Popular Postsのインストール。（バージョン 3.3.4：人気記事表示のプラグイン）

外観 → テーマの編集 → Simplicity2 child: スタイルシート (style.css)

style.cssに追加で書き込めば、設定が反映されます。

/* 関連記事の記事間に線を引く */
#main .related-entry {
border-bottom: 5px dotted #a9b1fc;
padding-bottom: 15px;
}

/* 人気記事の記事間に線を引く */
.wpp-list li {
border-bottom: 5px dotted #a9b1fc;
padding-bottom: 10px;
}

「dotted」の部分を変更すると線の種類が変わります。

「#a9b1fc」の部分を変更すると線の色が変わります。

「border-bottom: 5px」の数字の部分を変更すると線の太さが変わります。

「padding-bottom: 10px;」の数字の部分を変更すると文字と線の間の余白が変わります。