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.
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.
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.
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.
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.
Last updated: 19 July 2024