fix: ensure editor fonts and widths are loaded in iframed editor

[laurelfulford]

All Submissions:

• Have you followed the Newspack Contributing guideline?
• Does your code follow the WordPress' coding standards and VIP Go coding standards?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

In WordPress 7.0, the Gutenberg editor will always load in an iframe. This breaks our theme's font customizations, and also makes it so the body classes we need to change the editor width aren't loaded.

This PR takes a swing at fixing that by:

• Changing how the font, colour, and editor override CSS files are enqueued using a different hook
• Uses a hacky work-around to get specific body classes added to the editor's iframe body

How to test the changes in this Pull Request:

1. Switch your test site to the latest WP 7.0 beta/RC.
2. Navigate to the Customizer and switch up your fonts: pick a couple fonts from Google fonts that are not installed on your computer, and set them up as your font. Set the fallback to something noticeable (like monospace).
3. Change your colours to something noticeably different.
4. Create a new post and try editing it; note that your fonts aren't applied.
5. Try switching the post template to the One Column Wide template, save, and refresh. Note your blocks aren't any wider.
6. Apply this PR and run npm run build.
7. Refresh the editor and confirm the font is loaded, and your template widths are applied.
8. Confirm that the colours still work - try a group block with a background and a paragraph block with a background.
9. Toggle between the different templates (and save and refresh) and confirm blocks are wider when the One Column Wide template selected.
10. Roll back to the current WordPress release.
11. Repeat the testing steps (applying fonts, colours, and different template widths), and confirm there are no issues.

Other information:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you written new tests for your changes, as applicable?
• Have you successfully ran tests with your changes locally?

[Copilot]

Pull request overview

Updates the Newspack theme’s block editor styling integration to keep custom fonts/colors and template-based editor widths working when the Gutenberg editor canvas is rendered inside an iframe (WP 7.0 behavior).

Changes:

• Switches editor style enqueues from enqueue_block_editor_assets to enqueue_block_assets (with an is_admin() guard) so styles load for the iframe canvas.
• Implements an iframe workaround by prefixing custom editor body classes with admin-color-, and updates editor override selectors to match.
• Adjusts editor base styling to set box-sizing: border-box on .wp-block.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File	Description
newspack-theme/functions.php	Moves editor style enqueues to enqueue_block_assets, versions them with theme version, and adds admin-color-* body class workaround for iframe editor.
newspack-theme/sass/style-editor-overrides.scss	Updates body-class-based selectors to the new admin-color-newspack-* class names for width/layout overrides.
newspack-theme/sass/style-editor-base.scss	Adds box-sizing: border-box to .wp-block to improve editor layout consistency.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

You can also share your feedback on Copilot code review. Take the survey.

[adekbadek]

Works as described.

[adekbadek]

(the previous review mentioned a change request (removed now) which upon closer inspection turned out to be not needed)

[github-actions]

Hey @laurelfulford, good job getting this PR merged! 🎉

Now, the needs-changelog label has been added to it.

Please check if this PR needs to be included in the "Upcoming Changes" and "Release Notes" doc. If it doesn't, simply remove the label.

If it does, please add an entry to our shared document, with screenshots and testing instructions if applicable, then remove the label.

Thank you! ❤️

[github-actions]

🎉 This PR is included in version 2.20.0-alpha.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This PR is included in version 2.20.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀