Use the Text module when you want to include text on your website.

Click ADD MODULE from an existing module or column. In the overlay, select Text under the category Text and structure.

Text module.png

On the module, you can either edit the module's design or the actual text.

  • Edit the text itself by double clicking anywhere on existing text
  • Edit module settings such as spacing and background color by hovering over the module and clicking edit using the pencil icon.

 

Add and edit text 

Double click the text you wish to edit, and a Text Editor ribbon will appear as seen below.

Inline Text Editor.jpg


The Text Editor offers you plenty of ways to style and format the text on your website. You can either set any text you have highlighted to inherit one of your predefined text styles from Global Design or you can change the formatting locally. To apply a text style, select one from the Design dropdown in the left end of the Text Editor ribbon.

The Text Editor supports Google fonts.

 

How to add Global Data in text

Adding information from Global Data to a Text module is simple and ensures that your company information always stays up-to-date everywhere throughout your website. To add Global Data to your text, click on the globe icon in the Text Editor, select Insert, and choose the relevant piece of information from the dropdown.

Global content tag.png

The corresponding information from Global Data is automatically injected into your paragraph through a Global Data tag and will update dynamically when you change the corresponding content in Global Data. If, for example, you use the tag [company_name], the Editor will automatically fetch your company name from Global Data. If you subsequently change the name in Global Data, it will immediately be reflected in the text where you have inserted the tag.

 

Edit module design

Hover the module and select the pencil icon.

Edit text module.png

An overlay will pop up where you can change background, border and spacing for the module.

  • Background: change the background of your module to either a color or an image.
  • Border: add a border around your text and specify style, width, radius and color.
  • Spacing: add spacing either between your text and the module frame (padding) or outside of the module (margin).
  • Animation: Add animation to your text module, for example making it slide in from the left or right. 

Edit text module overlay.png

 

Last updated: 19 July 2024

Was this article helpful?
0 out of 0 found this helpful