Customization Options in WordPress 2022 Theme

WordPress Twenty Twenty-Two Theme just launched along with WordPress 5.9. The theme looks amazing with a lot of customization options than ever before. The Block Editor has been updated too. Kindly bookmark this page (Ctrl+D) for future reference as I will be updating you about all the customization features in this same post. If you have any questions regarding customization, let me know. Below are some Frequently Asked Questions about the WordPress Twenty-Twenty-Two Theme.

Note: This Post will be Updated Regularly. Existing Content may be updated with the latest.

Table of Contents

Access Theme Editor in 2022 Theme

On the WordPress Dashboard, go to Tools > Theme File Editor. The option has been moved from the Appearance tab.

Access Front End Customizer in 2022 Theme

Hey Folks, I couldn’t find that option since the Editor is still in Beta and WordPress just got updated to 5.9. The below method worked for me.

Directly enter your site URL in a new tab followed by ‘/wp-admin/customize.php‘.

The above image resembles an example of our test site: https://wpclimax.info/wp-admin/customize.php

Trick (26-Jan-2022)

Due to some bug, the Customize option is not showing as if now. In order to display that, install the plugin Simple Custom CSS.

Once installed and activated, go to Dashboard > Appearance > Customize 🙂 You can see the ‘Customize’ Option.

Also, it will show up in the front-end editor too.

Access Plugin Editor in 2022 Theme

On the WordPress Dashboard, go to Tools > Plugin File Editor. The option has been moved from the Appearance tab.

Change Content Width in 2022 Theme

Content width can be set with the below CSS

/* Conent Width WP 2022 Theme */
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 1000px !important;
    width: calc(100% - 0rem);
}

Change Comment Box Width 2022 Theme

.wp-block-post-comments {
    max-width: 1000px !important;
		width: calc(100% - 5rem);
}

Change Font Size in 2022 Theme

/* For Single Post */
.single h1 {
	font-size: 50px;
	font-weight: 800;
	margin-bottom: 40px !important;
}
.single h2 {
	font-size: 50px;
	font-weight: 700;
}
.single h3 {
	font-size: 26px;
	font-weight: 600;
}

/* Site Title */
h1.wp-block-site-title {
font-size: 45px;
}

Similarly for Archive and Home, replace .single with .archive or .home.

Edit PHP? No!. This has changed. Now you can edit Copyright Information in the Newly Added Editor (Appearance > Editor (beta))

Open the Editor (Not the Customizer) and select Footer from the Top Menu of the Editor.