Text

The Text component lets you add and style text content on your CMS pages, supporting HTML and rich typography options.

What is the Text component?

The Text component lets you add and style text content on your CMS pages. You can use plain text or HTML, and adjust typography settings for colour, size, and style.

Open the CMS editor where you want to add or edit a Text component.

Drag the Text component onto your page.

Add your text (plain or HTML) in the editor.

Use the typography settings to adjust colour, size, and style as needed.

Save your changes in the editor.

Text Component Settings

All Text components support the standard CMS settings below. Use these tabs to control layout, typography, and display for your text:

General

cms general

Selectors

Add classes defined elsewhere on the site to a specific page.

ID

Direct users to an element or identify it for future use (e.g., anchor links).

Styles

Add custom styles not predefined in a class. Examples:

Margin (e.g., margin:, margin-top:)
Padding (e.g., padding:, padding-top:)
Max Width
Font
Border
ID

Examples:

max-width: 352px!important;
margin-bottom: 0 auto;
padding-top: 30px;

To center an image: margin:auto;
To center text/markdown: text-align: center;
To make a component go edge-to-edge: margin-left:-15px;margin-right:-15px