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

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;
}
}

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

お問い合わせ

お気軽に下のお問い合わせフォームからご質問をお送り下さい。