Use this widget to create and edit texts on a page. To add a new text click + (W) in the widget bar and select Text.

Editing and styles

Click the Text widget once to view general widget settings on the right side: Edit, Animation, Rotation, Position, Arrange, and Lock. Click Edit or double-click the Text widget, to access text properties such as Styles, Typography, Font Style, and Align. You can also add Links, change Color, or split the text into Сolumns.

To add a text style—e.g. H1 or Caption—select a text fragment and choose Styles in the widget controls. Click on the downwards arrow beside a style’s title, and use Edit Style to change a font’s size, color, line height, alignment and tracking for your style, as well as set margins. Click Save to apply any changes.

For SEO purposes, you can apply the HTML tags,—<h1>, <h2>, <h3>,or <h4>,—to any style. As a result, the text in the final code will be wrapped with these tags.

By default, the H1 and H2 styles are wrapped with <h1>…</h1> and <h2>…</h2> tags accordingly. All the other styles are defined with <p>…</p> tags.

To change these settings, choose Styles in the widget’s attributes and click the style title. Besides it, you’ll see the tag which is used for this style and the icon of the drop-down menu. Click the icon and choose the tag you need.

If the lower bound of the text widget is too close to the text, it turns red. In this case, you need to drag the lower bound down to make sure that the text will be fully visible in all browsers. The warning zone is determined by interlining settings.

Fonts

To add fonts from Adobe Fonts (Typekit), Webtype, Google Fonts, and type.today collections to a project click Typography in the widget controls, click on the font’s title, select the Custom tab in the Fonts drop-down, then click Library.

With paid plans, you can upload custom fonts in WOFF format to your Library. Click Upload on the Custom tab in the Fonts drop-down, type in a name for your font, pick the weight, and upload the file.

Additionally, you can use Google Tag Manager to add a tracking code from your font provider. This feature is available only for projects with a custom domain name.

Custom fonts do not transfer when a project is transferred to another account per user’s request. The destination account owner will have to re-upload any such fonts in the transferred project manually.