Building Blocks

Common block settings: title, description, hover hint, Style group

Updated 2026-09-02

Most input blocks share the same set of general settings: a title, an optional description and hover hint, and a collapsed Style group holding spacing and background. This article explains each one so you only have to learn them once.

You'll find the title, description, and hover hint in the General group of a block's settings panel (Input Field, Slider, Selection, Dropdown, and Toggle all share them; Text keeps them in its Text group). Every panel ends with the Style group.

Title

The title is the label shown above or beside the block. Edit it inline on the canvas, or in the block's settings header. A title can be left empty if you don't want a visible label.

Description

Click + Add description to add helper text under the title. A field appears; clear it or click the remove control to take it away. Nothing shows to visitors until you add text.

Descriptions render in the project's secondary font at reduced opacity.

Hover hint

Click + Add hover hint to attach an info icon next to the title; visitors hover it to read your text.

Use a hover hint for longer explanations you don't want cluttering the form, and a description for short, always-visible guidance.

Style group

Every block ends with a collapsed Style section, marked with a small dot when something is customized. It holds Spacing, the top and bottom padding in pixels, and Block background.

  • Spacing takes a top (T) and bottom (B) value in pixels. Enter any non-negative number; negative values are clamped to 0. For calculators that show inputs on their own page, new input blocks default to 32px top and bottom. Media result blocks default to 0 on both.
  • Block background fills the block's container with a color. Leave it unset for a transparent background that inherits the page color.

The Divider block's Style group holds Spacing only — there's no background to fill.

Related