WordPress｜CocoonスキンSILKのCSSカスタマイズまとめ

投稿タイトル＆見出しを太字に

.article h1, .article h2, .article h3 {
    font-weight: 700;
}

投稿日付を左寄せ

.date-tags {
    text-align: start;
}

h2見出しの文頭数字を削除

.entry-content h2>span::before {
    content: unset;
}

ブログカードを横幅いっぱい

.is-style-normal-card .blogcard-wrap {
    max-width: initial;
}

タイムラインの行の高さ変更

.timeline {
    line-height: 1.8;
}

カード / カルーセル / プロフィールの背景色を白に

.entry-card,
.carousel .a-wrap,
.author-box {
    background: #fff;
}

本文下のシェアとフォロー間の余白を広げる

.sns-follow {
    margin-top: 2em;
}

コードタグを折り返して表示＆文字サイズを本文と同じに

pre.wp-block-code code {
    white-space: pre-wrap;
    font-size: inherit;
}

スマホ｜タイムラインの左余白をラベルと揃える

.timeline-item-content {
    padding-inline: 16px;
}

※「レスポンシブデザイン用のメディアクエリ」→「480px以下」内に追加