このサイトでは、Cocoon(コクーン)という無料テーマを使って作成しています。

WordPressテーマCocoonのCSSカスタマイズ例

テーマに関する記事

WordPress テーマCocoonのCSSカスタマイズ例

このサイトでカスタマイズした事を備忘録として書いておきます。

抜粋記事カード形式のに枠線と影を付ける(カードの枠線を表示するのチェックを入れておく)
#list a{ box-shadow:0px 0px 4px 0px #333333; }
抜粋記事のフォント14pxにして、行間を24pxにする
#list .entry-card .entry-card-snippet{ line-height:24px; }
@media (min-width:768px)
#list .entry-card-wrap .entry-card .entry-card-content .entry-card-snippet{ font-size:14px !important; }
関連記事のフォントを14pxにして、行間を24pxにする
.related-entry-card .related-entry-card-snippet{ line-height:24px; }
.related-entry-card .related-entry-card-snippet{ font-size:14px; }
一番下にあるページネーション記事のフォントを14pxに変更する
#pager-post-navi .prev-post .prev-post-title{ font-size:14px; }
まとめて書くと・・・
#list .entry-card .entry-card-snippet{
line-height:24px;
}

.related-entry-card .related-entry-card-snippet{
line-height:24px;
}

#pager-post-navi .prev-post .prev-post-title{
font-size:14px;
}

#list a{
box-shadow:0px 0px 4px 0px #333333;
}

@media (min-width:768px){

#list .entry-card-wrap .entry-card .entry-card-content .entry-card-snippet{
font-size:14px !important;
}

#container #content #content-in #main #list .entry-card-wrap .entry-card .entry-card-content .entry-card-snippet{
font-size:14px !important;
}

.related-entry-card .related-entry-card-snippet{
font-size:14px;
}
}

関連する投稿記事へのリンク