Styling and Layout

Corner radius, wallpaper, and workspace icon

Updated 2026-09-02

Three project-wide appearance controls let you round the calculator's corners, add a background image behind the calculator, and show a small icon in the header.

Corner Radius

Sets how rounded the corners are across the whole project — the calculator card, buttons, inputs, and other surfaces.

  1. Open the Settings tab in the left navigation.
  2. Find Corner Radius (px) and enter a number. It defaults to 16px if left blank.

Use 0 for sharp, square corners, or a larger value for a softer, more rounded look. On a narrow (mobile) preview the radius collapses to 0 so the calculator fills the frame edge to edge.

Wallpaper image

Adds a background image to the page behind your calculator.

  1. In the Settings tab, find the Wallpaper Image toggle.
  2. Turn it on, then upload an image.

Note: The wallpaper is skipped in the embedded view and in the narrow (mobile) preview, where the calculator fills the frame and there's no page showing behind it. It applies on every theme, including Side-by-side. See Embed on your website.

Workspace icon

Shows a small round icon in the published project's header — handy for adding a logo or brand mark.

  1. In the same Settings tab, turn on Show workspace icon.
  2. Upload an image. It's displayed as a 40x40 circle.

This icon is per-project and set in the editor. It's separate from your workspace-wide branding logo, which is configured in workspace settings.

Related