Support Center

Adding & Formatting Text

Last Updated: Jun 06, 2016 05:15PM EDT

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 Elements > Text and Image > drag and drop the desired element. Blue rectangles will show, on mouse-over, all possible locations where the element may be added. Drop the element and a default Text and Image element will be inserted. Click in it to enter in-line editing. You can type text in content directly, or copy-paste from a document or web page. 

When ready, simply click outside the in-line editing window 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 Properties toolbar on the right 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 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: 

  1. Select the text piece with your cursor 
  2. Tthen 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 - 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 or bulleted lists.


Cut, and copy-paste. Undo / redoing changes


 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. Those can be found in the Top Menu bar.

 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 simply click outside of the editor to apply your changes on the page.

Liquid error: undefined method `gsub' for nil:NilClass
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found