Add the Text Block element on your page
The Text Block is an essential element provided by GemPages. It allows you to display text in the form of either lengthy paragraphs or concise sentences on your page.
To add the element to your page, please follow the instructions below:
Step 1: In the GemPages Dashboard, click on your preferred page to enter the Editor.
Step 2: Within the Editor, simply drag and drop the Text Block element (labeled as Paragraph) onto your preferred location on the page. It will appear with a default paragraph, and all its settings can be accessed through the left sidebar.
Step 3: Enter your desired text into the Text Block element.
Step 4: To customize the text format in GemPages, utilize the Text Editor toolbar that appears whenever you highlight your text. It provides various formatting options to enhance the visual appeal of your content.
Click on the Text block element, the configuration options are revealed on the left sidebar including the Settings and Advanced tab.
Configure the Settings Tabs
Text
At this point, you have the ability to fine-tune the typography of the text. Here are the available options:
- Styles: Select your desired style from the pre-defined options, which include 6 heading styles and 3 paragraph styles.
- Font: Choose the font you wish to use for the text within this text block. If you want to use a font that is not listed, you can refer to the provided guidance on how to add a custom font in Editor v7.
- Size: Adjust the font size by specifying a value in pixels.
- Color: Modify the color of the text to your preference.
Click on the “Show more” button to reveal more customization options.
Font Weight: Choose your desired font weight from the provided drop-down menu.
Line Height: Adjust the height of the text by specifying a percentage value.
Letter Spacing: Modify the spacing between letters by inputting a value in pixels.
Text Transform: Transform the text in one of the following ways:
- No transformation applied.
- Uppercase: Convert all text to uppercase.
- Lowercase: Convert all text to lowercase.
- Capitalize: Capitalize the first letter of each word.
Text Align
This parameter allows you to determine how the text is positioned on your page. There are three options to choose from: left-aligned, centered, and right-aligned.
Configure the Advanced Tab
To style how the element looks, please navigate to the Advanced tab and follow the instructions in this article.