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

関連する投稿が見つかりません...

最新の投稿

「このブロックでエラーが発生したためプレビューできません」の様々な解決方法

目次 1. 「このブロックでエラーが発生したためプレビューできません」の様々な解決方法をまとめてみました。原因はJavaScript 連結の問題やテーマの固有機能の問題そして未サポートの古いプラグインなどが主な原因のようです。2. ●WordPressの「Gutenberg」エディタ、「このブロックでエラーが発生したためプレビューできません」を解決。https://mlog.xyz/gutenbe続きを読む…

ページ内に「関連する投稿」や「最新の投稿」そして「人気の投稿」をカテゴリに合わせて表示できるプラグインのご紹介

ページ内に自動的に関連する投稿や最近の投稿そして人気の投稿を表示できるプラグイン「Relevant – Related, Featured, Latest, and Popular Posts by BestWebSoft」 サイドバーなどに「関連する投稿」や「最新の投稿」そして「人気の投稿」を表示してくれるプラグインはよく見かけますが、ページ内にこの3つを表示してくれるプラグインはなかなか便利で続きを読む…

お問い合わせ

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