Sometimes it’s hard to remember what each block can have, so this is a guide to each block and the options.
I scanned each block.json for these settings.
09/08: all included apart from ones with anchor, align, customClassName, className, reusable, HTML, multiple, inserter support.
Some blocks might be in progress, those aren’t included above. This is just based on the latest release of Gutenberg plugin as of 09.08.21.
Key
🧪 = Experimental (features in progress)
| Block | Typography | Border | Color | Spacing | Other |
|---|---|---|---|---|---|
| Button | Font size, 🧪 font family | 🧪border ( radius) | Text, background, gradients | – | – |
| Code | Font size | – | – | – | – |
| Column | – | – | Text, background, gradients, link | Padding | – |
| Columns | – | – | Text, background, gradients, link | – | – |
| Cover | – | – | 🧪duotone, text, background | Padding | |
| Group | – | 🧪border (color, radius, style, width) | Text, background, gradients, link | Padding | 🧪Layout |
| Heading | Font size, line-height, 🧪font-weight | – | Text, background, link | – | – |
| Image | – | 🧪border(radius) | Text, background, 🧪duotone | – | – |
| Latest comments | – | – | – | – | – |
| Latest posts | – | – | – | – | – |
| List | Font size, 🧪font family | – | Text, gradients, link | – | – |
| Login | Font size | – | – | – | – |
| Media Text | – | – | Text, background, gradients, link | – | – |
| Navigation | Font size, line-height, 🧪font-style, 🧪font-weight, 🧪text-transform, 🧪font-family, 🧪text-decoration | – | – | – | – |
| Paragraph | Font size, line-height | – | Text, background (not gradients), link | – | – |
| Post author | Font size, line-height | – | Text, background, gradients, link | – | – |
| Post comment | – | – | – | – | – |
| Post comment author | – | – | – | – | – |
| Post comment content | – | – | – | – | – |
| Post comment date | – | – | – | – | – |
| Post comments | Font size, line-height | – | Text, background, gradients, link | – | – |
| Post comments count | Font size, line-height | – | – | – | – |
| Post comments form | Font size, line-height | – | Text, background, gradients, link | – | – |
| Post comments link | Font size, line-height | – | Link, background | – | – |
| Post content | – | – | – | – | – |
| Post date | Font size, line-height | – | Text, background, gradients, link | – | – |
| Post excerpt | Font size, line-height | – | Text, background, gradients, link | – | – |
| Post featured image | – | – | – | – | – |
| Post navigation link | – | – | – | – | – |
| Post template | – | – | – | – | – |
| Post terms | Font size, line-height | – | Text, background, gradients, link | – | – |
| Post title | Font size, line-height, 🧪 font family | – | Text, background, gradients, link | – | – |
| Preformatted | Font size | – | Text, background, gradients | – | – |
| Pullquote | – | 🧪border (color, radius, style, width) | Text, background, gradients, link | – | – |
| Query | – | – | Text, background, gradients, link | – | 🧪Layout |
| Query pagination | – | – | Text, gradients, background, link | – | – |
| Query pagination next | Font size, line-height | – | Text, gradients, background, link | – | – |
| Query pagination previous | Font size, line-height | – | Text, gradients, background, link | – | – |
| Query title | Font size, line height, 🧪 font family | – | Text, background, gradients | – | – |
| Quote | – | – | – | – | – |
| Search | – | 🧪border (color, radius) | Text, gradients, background | – | – |
| Site logo | – | – | – | – | – |
| Site tagline | Font size, line height, 🧪font family, 🧪 text-transform, 🧪 letterspacing | – | Text, background, gradients | Margin, padding | – |
| Site title | Font size, line height, 🧪 font family, 🧪 text-transform, 🧪 letterspacing, 🧪 font-weight | – | Text, background, gradients, link | Margin, padding | – |
| Table | – | 🧪border(color, style, width) | Text, background, gradients | – | – |
| Template part | – | – | Text, background, gradients | Padding | 🧪Layout |
| Term description | Font size, line-height | – | Text, background, link | – | – |
| Verse | Font size, 🧪font-family | – | Text, background, gradients, link | Padding |
Theme.json
Options to turn on/off block styling.
This is a growing list and not complete yet.
| Section | Setting | Value | Options | Block support | Notes |
|---|---|---|---|---|---|
| settings | border | customColor | true/false | pullquote, group | |
| border | customRadius | true/false | button, pullquote, group | ||
| border | customStyle | true/false | pullquote, group | ||
| border | customWidth | true/false | pullquote, group | ||
| color | custom | true/false | any with color | Sets custom color | |
| color | link | true/false | Column(s), group, heading, list, media/text, paragraph, post author, post comments, post comments form, post date, post excerpt, post terms, post title, pullquote, query, query pagination (all), site title, term description, verse | Sets custom link | |
| spacing | customPadding | true/false |