How do I test my global styles from theme.json?

Question: How do I test my Global Styles from theme.json?

Answer: Create some dummy content and add the blocks you’re testing.

  1. Open Site Editor
  2. Reset your Global styles.

For each block or element you want to style

  1. Make the changes to theme.json
  2. Reload the content.
  3. View the block or element you’re styling in the editor.
  4. Save the post
  5. View the front end
  6. 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.

© Copyright Herb Miller, Bobbing Wide 2021