The Text and Image editor is used for adding and formatting:


To get started, add a Text and Image element to the page by clicking Add Content > Text and Image. Green rectangles will show all possible locations where the element may be added. Click a green rectangle and the Text and Image editing window will open. You can type text in text content directly, or copy-paste from a document or web page. 

When ready, click the Update button at bottom of the editor and review your content on the page.

The Text and Image editor is similar to any text processing application you may be familiar with. The toolbar on top of the editor contains all needed tools to format and manage your text and image content.

We'll review the styling and formatting options and general operations like saving, copy-pasting and undoing-redoing changes below.


Applying Styles

The Style dropdown at top left allows to format your text with a number of pre-defined styles which have been carefully selected to match your website design.

To apply a style, first select the text piece with your cursor, then click on the Style drop-down and select the desired option - e.g. Heading 1.

If you copy-paste content from an external source, its styles will automatically be converted to the ones available for your design to ensure a consistent look and feel.


Formatting Text

The editor includes all standard formatting options allowing you to further update the appearance of your text.

Using this set of icons you can bold, italicize, underline or strike-through a given text piece. Each of these icons also has a keyboard shortcut you may use to facilitate your work. Roll-over the icon to see the keyboard shortcut - i.e. ⌘ + B for bold, ⌘ + I for italics.

The alignment icons allow you to define the positioning of a given paragraph on the page. You can align it to the left, right, center and justify.

The list icons allow you to create numbered, alphabetical, or bulleted lists.

Using the indent icons you can move a paragraph to the left or right, relative to the rest content on the page.

Using these icons you can format and position some text as superscript (smaller and positioned above the row of normal text) or subscript (smaller and positioned below the row of normal text).

The Date icon allows you to automatically insert the current date and time within the text.

Save, cut, and copy-paste. Undo / redoing changes

 The Save icon allows you to quickly save your content while working inside the editor without having to Update and close the editor itself. The saved changes will be automatically applied on the page. Make sure to frequently save your work. You can also use the ⌘ + S keyboard shortcut.

 The Cut / Copy and Paste icons allow you to easily move content within the text editor. Select the piece you want to cut or copy, click on the respective icon, then position your cursor on the place where you want to move the selected piece and click the Paste icon. You can also perform these functions using keyboard shortcuts. Highlight the desired content and use ⌘ + X to Cut, ⌘ + C to Copy, and ⌘ + V to Paste.

 The Undo / Redo options allow you to undo or redo the last editing changes which have not yet been saved.

 The Clear Formatting button strips-off any predefined formatting of a selected text and resets it to Plain text.

When you are ready with content updates press UPDATE Update at the bottom of the editor to apply your changes on the page.