building blocks

Common block settings: title, description, tooltip, spacing, background

Updated 2026-06-22

Most input blocks share the same set of general settings: a title, an optional description and tooltip, block spacing, and a background color. This article explains each one so you only have to learn them once.

You'll find these controls in the General group of a block's settings panel (Input Field, Slider, Selection, Dropdown, and Toggle all share them; Text uses a slimmer version).

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

Turn on the Description switch to add a line of helper text below the block's title. The description field stays visible in the settings panel even when the switch is off, but it is only shown to visitors and only editable when the switch is on.

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

Tooltip

Turn on the Tooltip switch to attach an info tooltip to the block. When enabled, a tooltip field appears where you type the text. Visitors see a small info icon next to the block title; hovering it reveals your tooltip text.

Use tooltips for longer explanations you don't want cluttering the form, and descriptions for short, always-visible guidance.

Block Spacing

The Block Spacing control sets the top (T) and bottom (B) padding around the block, 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

The Block background color picker fills the block's container with a color. Leave it unset for a transparent background that inherits the page color.

Related