Site Editor: Always show Additional CSS button #71537
Merged
+1
−7
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Mamaduka
approved these changes
Sep 8, 2025
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message. To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
t-hamano
added
[Type] Enhancement
|
Size Change: -8 B (0%) Total Size: 1.93 MB
ℹ️ View Unchanged
|
|
Flaky tests detected in 07f43fd. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/17538302780
|
|
@Mamaduka thanks for the review! |
|
Thank you @t-hamano Aki. I happen to look for it a few days ago and could not find the Additional CSS area. I am glad to hear that it now will be visible at all times in the Styles panel. |
|
@t-hamano if this going to be more prominent all the time, it'd be important to clarify further for users the tradeoffs and mechanics in copy. Part of the reason to keep this less prominent by default was that custom CSS applied on a block type basis would have the advantage of going through the style engine and be output only when those blocks are present on the page, while code added to the general custom css panel will always be loaded. If users use it for convenience or think that's the only / main way to add CSS, it will lead to unwanted performance issues. |
|
Yeah, I think the "Add your own CSS to customize the appearance and layout of your site." language is too imperative/demanding. A way to improve it would be to include a link to global styles, and changing the wording to be more passive and make it clear that this is more of a "last resort" solution. |
|
Thank you everyone for your feedback! I'd like to address your suggestions in a follow-up. |
|
This ends the endless confusion for users, who thought it might not be available at all. So Thank You @t-hamano for making it possible. It's also consistent with the Styles sidebar on the right where Additional CSS is still available. The need for additiional CSS is getting smaller and smaller now, but I am glad we are not leaveing users stranded like that. |
|
Follow-up PR: #71550 Any feedback is welcome! |
adamsilverstein
pushed a commit
to adamsilverstein/gutenberg
that referenced
this pull request
Sep 11, 2025
Co-authored-by: t-hamano <[email protected]> Co-authored-by: Mamaduka <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Extract only a part from #66476
What?
This PR makes the Additional CSS button always visible in the Styles panel.
Why?
When there is no custom CSS defined, the Additional panel isn't displayed. This is the expected behaviour implemented in #47371
However, I realized that many users considered this behavior to be a bug.
Ideally, we'd move forward with restructuring the Styles panel in #66476, but for now, I believe at least the Additional CSS panel should always be visible.
Another issue is that even though you are accessing the same URL (http://localhost:8888/wp-admin/site-editor.php?p=%2Fstyles§ion=%2Fcss), the screen you see will be different depending on whether you have additional CSS (See #71335 (comment) for more details).
Testing Instructions
Confirm that the Additional CSS button is always displayed in the Styles panel.
Screenshots or screencast