WordPressタイトルとか本文の大きさ変更

追加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);
}