Custom CSS in the Site-Editing Era

WordPress 6.2 introduced two new ways to add custom CSS to your site: a global CSS editor, and a per-block CSS editor. Both methods let you add CSS overrides directly in the Site Editor, in order to tweak the way your site looks. In this session we’ll cover the differences between the two types of editors, and how to use them effectively and appropriately.

We’ll also look at:

• A brief history of custom CSS in WordPress.
• The purpose of having custom CSS editors in the Site Editor in the first place; when to use them, and when not to.
• A cross-section of practical examples that you can put into action right away!

To get the most out of this workshop, you should have some knowledge of CSS basics and understand how to use a browser inspector to find the right elements to target. The workshop won’t cover how to write CSS itself.