WordPress has finally restored the ability to add custom CSS to your website with the release of WordPress 6.2! In this help article, I show you how to quickly add custom CSS to any website using this latest release version of WordPress, the free and open source CMS platform and web designer.
This method also works in WordPress 6.3.
You can access the Custom CSS feature from within the Site Editor, which is where you edit the Templates and Template Parts of your website. The Site Editor is where you perform what is commonly known as “Full Site Editing.”
From the WordPress Dashboard (the first page you’re taken to after you log in), hover your mouse over the “Appearance” menu item and click “Editor” (red arrow in the image above). This will take you to the Site Editor.
Once inside the Site Editor, you can click anywhere on the right-hand side of the screen (the area displaying a preview of your website – outlined in green in the above image) to bring up the Site Editor Top Menu.
Inside the Top Menu, click on the “Styles” icon (the icon is a half black, half white circle) to bring up the Styles Sidebar.
Click on the “Styles Actions” menu at the top of the sidebar (the small three dots icon – red arrow in the above image).
Click the “Additional CSS” option from the menu dropdown (red arrow).
You’ll now see a long text box labeled “Additional CSS” where you can add your custom CSS code (outlined in green in the above image). The top of the box says “Add your own CSS to customize the appearance and layout of your site” (red arrow). You’ll also see a link where you can learn more about CSS coding, which can be used to custom style elements of your WordPress site.
Once you’ve added your custom CSS (green arrow), click the “Save” button in the Top Menu to save your changes (red arrow).
That’s it! You now know where to add custom CSS to your WordPress site in WordPress 6.2. Want to master WordPress? Check out my WordPress Masterclass on Udemy!