追加CSSで下をコピペ
.singular .entry-title {font-size: 4rem !important; }
追記:親切な人がブログにのっけてた。ちょっとだけいじってつかってる。
Twenty Twenty-One 1, 本文エリアの幅を広げる – ブログのウラ側 (tehehet.com)
Twenty Twenty-One 2, タイトル文字の大きさ調整 – ブログのウラ側 (tehehet.com)
以下引用:
/* デスクトップデバイスの本文幅を広げる */
@media only screen and (min-width: 822px){
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
max-width: var(--responsive--alignwide-width);
margin-left: auto;
margin-right: auto;
}
.entry-footer {
max-width: var(--responsive--alignwide-width);
margin-left: auto;
margin-right: auto;
}
.author-bio {
max-width: var(--responsive--alignwide-width);
margin-left: auto;
margin-right: auto;
}
.site {
max-width: 70vw;
margin-left: auto;
margin-right: auto;
}
}
/* タイトル文字の大きさ変更 */
.singular .entry-title {
font-size: var(--global--font-size-xl);
}
.page-title {
font-size: var(--global--font-size-sm);
}
/*
.archive-description {
font-size: var(--global--font-size-sm);
}
.site-title {
font-size: var(--global--font-size-xl);
}
.site-description {
font-size: var(--global--font-size-sm);
}