Repository navigation
docs: load WordPress global styles in the tutorial's blocks step - #2708
Open
josephfusco wants to merge 5 commits into
Open
josephfusco wants to merge 5 commits into
josephfusco wants to merge 5 commits into
Conversation
The tutorial said Faust loads the CSS for block styles, but nothing in it did, so font sizes and spacing set in the editor had no effect.
WordPress sets border-style for inline border widths in its block library CSS, not the global stylesheet, so a border set in the editor still won't show after this step. Point to the getStyles reference for adding the block library styles.
Readers set margin in the editor too, and its spacing presets come from the same global stylesheet as padding.
josephfusco
marked this pull request as ready for review
October 27, 2026 15:52
1 task done
The tutorial app's Tailwind base styles already set border-style, so the border shows before and after this step. Tested in a local copy of the tutorial app: font size, padding and margin apply only once the global stylesheet is imported.
Contributor
There was a problem hiding this comment.
🟢 Approval recommended
The documented command and import match the CLI behavior and tutorial structure, with no unresolved issues.
No open issues 🎉
What changed in this PR
Updates the Learn Faust blocks tutorial to explicitly load WordPress global styles, addressing #2705’s missing paragraph styling.
Changes:
- Corrects the claim that Faust automatically loads the required CSS.
- Adds the stylesheet-generation command and
_app.jsimport. - Explains when to regenerate the stylesheet after theme or Site Editor changes.
| File | Description |
|---|---|
docs/tutorial/learn-faust/index.md |
Adds global stylesheet setup and clarifies how block styling is applied. |
Review effort: Balanced
This branch has not been deployed
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
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.
Fixes #2705
Tested in a local copy of the tutorial app (WordPress 7.1.3, Twenty Twenty-Five,
@faustwp/cli3.6.0): before this step the paragraph's font size, padding and margin computed to 16px / 0 / 0; after running the command and adding the import they match the editor (large preset, 10px/30px, 50px). Borders already show either way because the app's Tailwind base styles setborder-style.Use of AI Tools
AI assistance: Yes
Tool(s): Claude Code
Model(s): Claude Opus 5.5
Used for: Assisting with checking the CLI and WordPress sources behind each claim, editing the tutorial, and testing it end to end in a local tutorial app.