WordpressテーマCocoonのCSSカスタマイズ例 │ WordPress サイト構築・管理プラグインとテーマの試行錯誤

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

関連投稿は見つかりませんでした。

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

2年前

「このブロックでエラーが発生したためプレビューできません」の様々な解決方法をまとめてみました。原因はJavaScript 連結の問題やテーマの固有機能の問題そして未サポートの古いプラグインなどが主な原因のようです。自分が管理するサイトで最近「このブロックでエラーが発生したためプレビューできません」が多発する事態となり、このエラーを解決するために参考にしたブログ記事を今後のために備忘録として転機さ続きを読む…

お問い合わせ

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

お問い合わせフォーム

サイト内検索

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

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

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

人気の投稿

お問い合わせ