Description
The default Additional CSS editor in Gutenberg feels like writing code in Notepad. It’s small, lacks structure, and makes debugging a headache.
This plugin transforms that basic textarea into a comfortable, lightweight CSS editor directly inside the Site Editor.
My greatest wish is that this plugin will become obsolete once WordPress includes this feature natively in Gutenberg. Until then, it substantially improves your daily workflow.
Key coding features supported:
- Line numbers
- Auto indented
- Auto closing parenthesis
- Add comments with Ctrl / Cmd shortcodes (Ctrl + Ç, Ctrl + / and Ctrl + 7)
Screenshots
Original CSS editor 
Advanced CSS editor
Installation
- Upload the
advanced-additional-cssfolder to/wp-content/plugins/ - Activate the plugin from the WordPress plugins page
- Go to Block editor / Styles / Additional CSS and the new CSS editor will be applied
- Enjoy a better CSS coding experience!
FAQ
-
Does this plugin require Gutenberg?
-
Yes, Advanced editor for Additional CSS only works with new FSE experience / Gutenberg. If you use the old Customizer editor, these features are included by default. Gutenberg plugin is not needed.
-
Will I lose my current CSS changes if I enable/disable this plugin?
-
No, Advanced editor for Additional CSS recognizes the Additional CSS content and just replaces the textarea behavior.
-
Does this plugin affect my website’s front-end performance?
-
No, not at all. This plugin only loads its scripts and styles within the WordPress admin area (specifically inside the Site Editor). It does not add a single byte of code to the front-end, keeping your website’s loading speed and Core Web Vitals completely unaffected.
-
Does it support CSS property autocomplete or Emmet?
-
Currently, the plugin focuses on enhancing the editor’s core structure (line numbers, auto-indentation, and shortcuts). Full property autocompletion is not included in this version, but it helps keep the plugin incredibly lightweight and fast.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Advanced editor for Additional CSS” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Advanced editor for Additional CSS” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial release