Question: How do I test my Global Styles from theme.json?
Answer: Create some dummy content and add the blocks you’re testing.
- Open Site Editor
- Reset your Global styles.
For each block or element you want to style
- Make the changes to
theme.json
- Reload the content.
- View the block or element you’re styling in the editor.
- Save the post
- View the front end
- When happy, commit the changes.
If the block doesn’t look right then you may need to check the styles in the Site Editor > Global styles panel.