Skip to content
Web Development

Gutenberg 23.3: Pseudo-State Styling, Responsive Styles, and the New Media Editor

3 min read

The WordPress Gutenberg editor received several significant improvements in version 23.3, changing the way designers and developers work with content. Pseudo-state styling for individual blocks, instance-level responsive styles, and a modernized media editor — these are updates worth attention for anyone actively using WordPress professionally.

Pseudo-State Styling: Hover and Focus Directly on the Block

One of the most significant additions in Gutenberg 23.3 is support for pseudo-state styles (:hover, :focus, :visited) at the level of individual block instances. Previously, you had to modify global styles in the Site Editor, which meant changing a hover effect on one button affected every button across the site. Now each button, heading, or other block can be styled independently — without affecting the rest of the site.

This feature is especially valuable when building landing pages where each section requires its own visual identity. Interactive elements (CTA buttons, cards, accordions) now respond to user input exactly as the designer intended — and everything is configured directly in the editor without writing CSS.

Responsive Styles for Individual Blocks

Another major addition is responsive styles at the block instance level. Gutenberg 23.3 adds layout responsive styles and UI changes that hide certain controls when a style state is selected. The result is a cleaner editor and the ability to precisely define how a specific block appears on mobile, tablet, and desktop — again, without writing custom CSS media queries.

For agencies and freelance developers building sites on WordPress, this represents a significant workflow acceleration. Instead of switching between the editor and a custom CSS file, you control everything directly in the visual interface. Clients can also edit content themselves without breaking the responsive design.

New Modal Media Editor as Default

Gutenberg 23.3 also promotes the new modal media editor to the default interface for image cropping. Crop, flip, rotation, and metadata editing are now unified in one clean dialog. Compared to the original inline editor, working with images is considerably more intuitive and faster.

This is especially practical for content managers who regularly upload and edit photos. There’s no need to leave the editor or use external tools — everything from uploading through cropping to placement on the page happens in one place.

Dashboard with New Widgets

The experimental customizable WordPress dashboard continues its development, and Gutenberg 23.3 adds five new widgets: Site Health, News, Events, Quick Draft, and a site preview with URL bar. Ghost widgets, size presets, and container-breakpoint grid columns have also been added — elements that give the editor more flexibility when working with complex layouts.

Although these features are still in an experimental phase, they signal the direction the WordPress editor is heading: toward a full-featured visual website builder that competes with specialized page builders like Elementor or Divi.

How to Update to Gutenberg 23.3

Gutenberg 23.3 is available as a plugin from the WordPress.org repository. If you’re using the Gutenberg plugin (rather than just the default editor), update it via Plugins → Available Updates. New features are automatically active after updating — however, we recommend testing on a staging environment first, especially if you have custom CSS or a page builder.

Conclusion

Gutenberg 23.3 is another step toward making the WordPress editor a truly powerful tool for professional website creation. Pseudo-state styling, instance-level responsive styles, and the modernized media editor are features that will significantly speed up the workflow of both designers and developers. Try them out and let us know how they’ve helped your work — leave a comment below!

Potřebujete pomoc s webovým projektem?

Rádi vám pomůžeme. Konzultace je zdarma a nezávazná.

Poraďte se s námi
Let's collaborate

Tell us about your project

Describe your project and we'll get back to you.

50+ satisfied companies
We reply within 24h
Free consultation
Bc. Martin Procházka
founder & developer
Please enter your name.
Please enter a valid email address.
Please enter a valid phone number.
Please describe what you need.
You must agree to the processing of personal data.