2. Text

Have you ever wondered how to create engaging and visually pleasing content on your webpage? The key lies in mastering the text element, a powerful tool that helps create both headings and paragraphs. In this guide, we will delve into the depth of this versatile tool and how to leverage it effectively for your business.

Using the Text Element

The text element is the primary feature for all your textual content on a page. Whether you need a heading or a paragraph, you need to start with the text element. To add a new text element, click, hold, drag, and drop it wherever you see a thick gray line on your page. This tool comes pre-loaded with some placeholder text, which you can replace with your own content.

Text Editing Features

Like any other editor, you have several text editing options at your disposal. You can adjust the alignment of your text to the center, right, or left. You can also set the text in bold, italics, underline, strike through, or capitalize it. The entire text element or a specific part can be linked to a URL, another block on the page, a download file, or create a pop-up.

Typography Options

When it comes to typography, changing the fonts, size, line height, letter spacing, or weight will apply to all of the text. You can choose from pre-made styles under typography. By default, the text element is set to paragraph typography. However, you can change this to heading typography within the global styling.

Colour Customization and More

The color feature allows you to change the color of the text. You can also apply a shadow or even a mask, which is particularly useful when creating big, bold headings.

Paragraph Creation and Styling

Contrary to common assumption, you don't need to add a new text element for each paragraph. Simply pressing Enter or return on your keyboard within a text element creates a new paragraph that can be styled separately. If you want to apply any style to all paragraphs, you need to select all the text.

Creating Lists

When dealing with multiple lines of text, you can create numbered or bulleted lists. This feature allows you to create intricate designs effortlessly.

Spacing Between Paragraphs

The text element also offers features like "gap above" and "gap below" to add space and structure to your paragraphs.

HTML Tag Settings

Don't forget to set your HTML tag when working with headings. By default, these are linked to the typography setting (H1 to Heading 1, H2 to Heading 2, and so on), but you can also manually adjust these.

Before finishing your web design, make sure to check how text appears on tablet and mobile displays. Some settings like typography and alignment are crucial for responsive design and don't affect other displays.

Mastering the text element provides you with control over your website's textual content, ensuring it aligns with your brand and is visually engaging for your audience. Now, it's time to get creative with your web design.