Blocksify Global Settings is the editor sidebar for managing site-wide design tokens used by Blocksify blocks.
Use it to keep colors, gradients, shadows, spacing, and font sizes consistent without hard-coding the same values block by block.
Where to find it
Open any post or page in the WordPress editor, then use the top-right ⋮ menu under Panels to open Blocksify Settings. Pin the sidebar button when you want faster access while editing.
What Global Settings controls
The sidebar has five token panels. Each panel manages reusable values that block controls can reference later.
| Panel | Use it for |
| Global Colors | Custom color tokens that extend the active theme palette. |
| Global Gradients | Custom CSS gradient tokens for background controls. |
| Global Shadows | Seeded and custom shadow tokens for box-shadow controls. |
| Global Spacing Presets | The 11-stop spacing scale used by padding, margin, and gap controls. |
| Global Font Size Presets | The 10-stop font-size scale used by Typography size controls. |
How tokens flow into blocks
Color palettes and gradient presets appear alongside eligible theme tokens in supported Blocksify color and gradient popovers. Shadows are available from the shadow presets picker in the Border, Radius & Shadow panel.
Spacing presets drive padding, margin, and gap sliders. Font size presets drive Typography size sliders.
Token strategy
Use the design tokens guide for when to choose global tokens instead of one-off values.
Note: Color, gradient, and shadow edits update saved site values. Spacing and font-size edits update the editor preview, while published pages use the preset values shipped with Blocksify.