Text formatting in the Visual Editor: case, lists, spacing, and stroke

Updated on

Table of contents

We shipped new settings for more granular control over text editing in the Visual Editor: text case, lists, paragraph and list spacing, and text stroke.

How to use it

  1. Select a text element in the Visual Editor.
  2. Open Typography, then More settings.
  3. Set the text case, turn the block into a bullet list or checklist, adjust paragraph and list spacing, or add a text stroke.

Good to know

  • Text case sets any text element to Uppercase, Lowercase, or Capitalize.
  • List markers are drawn per line, so they follow the text’s alignment, size, and color.
  • Paragraph spacing and list spacing are set in pixels.
  • Text stroke outlines the letters themselves, where the stroke control used to draw a box around the whole block.
  • More settings stays open until you close it, and opens already expanded on a list element.
  • The Visual Editor is part of the AI Website Builder. See plans on the 10Web platform.

This matters most to self builders who style their own pages, since case, lists, spacing, and stroke are now set directly in the Visual Editor.

Share article
Recommended articles
Featured image for Website structure panel: manage pages, menus, posts and products article

Website structure panel: manage pages, menus, posts and products

Visual editor 1 Min Read

The Visual Editor now has a website structure panel: a side panel that shows the whole site at a glance, with the navigation menu, unlinked pages, posts, products and categories in one place. How to use it Open the structure panel from the structure icon, or from “Manage pages” in the address bar. Build the menu without leaving the editor:…

Featured image for Gradient color editing in the visual editor article

Gradient color editing in the visual editor

Visual editor 0 Min Read

You can now edit gradient colors directly in the visual editor. What changed Gradient color editing was added to the visual editor, alongside the existing color and typography controls. A gradient is one of the fastest ways to make a hero section or a call to action feel deliberate, and now it is a few clicks in the visual editor….

Featured image for Advanced typography controls: letter spacing and line height article

Advanced typography controls: letter spacing and line height

Visual editor 0 Min Read

The visual editor now has advanced typography controls, including letter spacing and line height. What changed Letter spacing and line height joined the typography controls in the visual editor. Tighten a headline that reads too loose, open up a paragraph that reads too cramped, and see the result while you work.

Featured image for Hover states: add interactive effects to any element article

Hover states: add interactive effects to any element

Visual editor 1 Min Read

Interactive sites react when you point at them. Now you can set that behavior yourself in the 10Web AI Website Builder. Pick an element, define its default look and its hover look, and the editor switches between them on hover. It works per element and lives in the same sidebar as the rest of your styling controls. This matters most…

Featured image for SVG logos, integrated with WordPress Site Identity article

SVG logos, integrated with WordPress Site Identity

AI generation, AI Website Builder, Editor, Visual editor 1 Min Read

Every generated site — regardless of business category — now gets an SVG typography logo. No more pixelated raster logos that break on retina screens or clash with dark backgrounds. Why SVG matters here: Logos adapt automatically to dark/light modes (SVG only). They’re editable like any other element — in chat editing and the Visual Editor alike. Prefer a raster…

Featured image for Global Themes: one design system across all your sites article

Global Themes: one design system across all your sites

AI generation, Visual editor 1 Min Read

Every site you generate can now start from a real design system. Pick one of 10 predefined system themes during generation (Bold Heritage, Brutalist, Calm Rose, Fresh Lime, Modern Slate, and more), skip and let AI generate a custom theme for the project, or take full control in the Visual Editor. In-editor theme controls: main color palette, font family, global…

Other articles
Drag a section. Drop it. Done
Hover states: add interactive effects to any element

Leave a comment

Your email address will not be published. Required fields are marked *

Your email address will never be published or shared. Required fields are marked *

Comment*

Name *