Menu Close

Blocksify Docs

Spacing presets

Blocksify spacing presets define the global spacing scale used by padding, margin, and gap controls.

Use them to keep layout rhythm consistent across sections, containers, cards, and content spacing.

Where to find it

  1. Open any post or page in the WordPress editor.
  2. Click the top-right ⋮ menu.
  3. Under Panels, click Blocksify Settings. A sidebar slides in.
  4. Open Global Spacing Presets. The spacing scale rows appear.
The Global Spacing Presets panel shows all spacing rows.

Spacing scale stops

The panel ships with 11 stops: NONE, 2XS, XS, SM, MD, LG, XL, 2XL, 3XL, 4XL, and 5XL. Blocks use these stops as named spacing choices.

Scale ruleBehavior
SlugThe stable name Blocksify uses to keep existing spacing choices connected.
LabelThe display name shown in slider tooltips.
ValueThe dimension value and unit used for that spacing stop.
Add or removeNot available for spacing presets.

Edit a spacing preset

Click a row to open its popover. The slug is read-only, while the label and value can be changed.

  1. Click a spacing row. The preset popover opens.
  2. Edit Label when the display name should change.
  3. Edit Value with the dimension field and unit control.
  4. Use Reset to default when a modified row should return to its seed value.
A spacing preset popover shows Slug, Label, Value, and Reset to default controls.

How block controls use spacing tokens

Padding, margin, and gap sliders in Blocksify controls can use a token such as md instead of a literal value. Blocks such as the Section block and Container block then keep using that named spacing choice.

The slider’s custom mode is the escape hatch for one-off literal values. Use token stops for repeatable spacing, especially when adapting layouts with responsive editing.

Note: Spacing preset edits update the editor preview. Check the published page before relying on a changed spacing preset outside the editor.

Was this helpful?

0

Updated