The Editor

Adding and editing content

Drag blocks onto the canvas, edit text inline, and style elements with the customizer.

Last updated 2026-06-19

Building a page in Webpress is mostly drag, click, and type. Here's the core loop.

Add a block

  1. Open the Blocks tab in the left panel.
  2. Browse the categories or use the search box (try "button", "hero", or "card").
  3. Drag a block from the panel onto the canvas and drop it where you want it. Snap guides help you align it with nearby elements.

The block appears instantly with a sensible default name (like "Button" or "Hero Section").

Dragging a block from the Blocks panel onto the editor canvas
Drag a block from the Blocks panel and drop it onto the canvas.

Select and rename elements

Click any element on the canvas to select it. The selection also highlights in the Layers tab. The element's name shows at the top of the right panel — click it to give it a clearer name, which makes the Layers tree easier to scan.

Edit text inline

Double-click a text element to edit it directly on the canvas. A small formatting toolbar appears with Bold, Italic, Underline, and alignment controls. Press Esc or click outside the element to save.

Style an element

With an element selected, open the Customize tab in the right panel:

  • Simple mode gives you the most common controls for that element type — for a button, that's label, color, size, weight, and alignment. Color pickers pull from your Brand Kit so everything stays consistent.
  • Pro mode unlocks full CSS control through style sectors (spacing, dimensions, typography, background, border, effects) and lets you target hover and other states.
The right-panel customizer showing Simple and Pro styling modes
The Customize tab in Simple and Pro modes.

Tip: set your colors and fonts once in the Theme tab's Brand Kit. Every element that uses brand colors updates automatically.

Next: Managing pages.