Does Wp Guttenberg Editor Edit Css

CSS Programming

As a web developer who has worked extensively with WordPress, I have spent a lot of time exploring the capabilities of the Gutenberg editor. One common question that arises is whether the Gutenberg editor can be used to directly edit CSS. Let’s dive into this topic and explore the possibilities.

Understanding the Gutenberg Editor

The Gutenberg editor, introduced in WordPress 5.0, revolutionized the content creation experience by introducing a block-based approach. While it offers a range of features for creating dynamic and engaging content, directly editing the CSS within the editor is not a built-in functionality.

Customizing Block Styles

Despite not allowing direct CSS editing within the editor, Gutenberg provides the option to customize block styles through the use of additional CSS classes. This allows for a certain level of styling control without having to leave the editor. By adding custom CSS classes to individual blocks or using a theme’s existing classes, users can achieve more tailored visual designs.

Using Additional Tools

For users who are looking to make extensive CSS customizations, leveraging additional tools such as the WordPress Customizer or theme settings would be more appropriate. These tools provide a dedicated space for customizing the overall styles of a website, including CSS modifications, without directly interfering with the Gutenberg editor’s functionality.

Personal Approach

Having experimented with different approaches to styling content within the Gutenberg editor, I have found that a combination of utilizing block styles and using external tools for CSS editing offers the best balance. It allows for a seamless content creation experience within Gutenberg while also providing the flexibility to fine-tune the overall visual presentation of the website.


While the Gutenberg editor does not offer direct CSS editing capabilities, it provides avenues for customizing block styles and integrates well with external tools for broader CSS modifications. By understanding the strengths of the Gutenberg editor and complementing it with additional resources, users can effectively manage the styling of their WordPress websites.