Adding text with the Text Element

Adding text with the Text Element

The Text Element allows you to add text content right into your page. The Text Element is one of the most powerful elements that Reactive has to offer. It’s one of the most used elements within Reactive! To get started, drag one onto your page.

How to Style Your Text
The text editor gives you many options to style your text. You can choose from bold, italic, and underline.

How to Add a Hyperlink to Your Page
Adding a hyperlink to your text is simple and useful for linking users to other resources. You can set the target of your hyperlink and choose whether it opens in a new window.

How to Use Paragraph Styles
Paragraph Style lets you change the designation of selected text to Paragraph or Heading levels 1 through 6. Proper use of headings also helps with accessibility and SEO, as search engine crawlers and screen readers will search for Heading elements to help them summarize the page. Headings should ideally be used in descending order, for example: Heading 1 for a page title, Heading 2 for paragraph titles, and so on.

How to Change Text and Background color
You can use the color picker to make your text any color you want, using RGB values, Hex Code values, or a saved color you previously set. You can also adjust the Alpha value to give your text transparency.

If you want to change the background color of the entire Text Element, you can do so from the Main tab in the Control Panel on the right side of your screen.

How to Change Text Alignment
You can align your text left, center, right, or justify it. This gives you flexibility in customizing your content.

How to Add Numbered and Bullet Points to Your Pages
Numbered and bullet points can be added for better content structure.

Margin & Padding

Margin. This setting  allows you to control the space around the text’s border by changing the top, bottom, left and right values. 

Padding. This setting allows you to control the space between the content and borders of the text by changing the top, bottom, left and right values. 


    • Related Articles

    • Building Forms with the Form Box Element

      The Form Box allows you to build custom forms using form blocks to add the fields you need. Forms are an effective way to receive messages and collect emails from your customers and visitors. Reactive’s Forms element enables you to create fully ...

    • How to embed HTML code in Reactive

      The Code element is very useful. It allows you to embed custom code directly onto your page, including HTML, CSS, and JavaScript. Adding the Code Element From the left sidebar menu, click and drag the Code component into a dropzone on your page. In ...

    • How to use and style buttons in Reactive

      Create buttons that stand out! This guide will show you how to add, customize, and style them easily, making them look great and work flawlessly. How to Insert a Button Element on Your Page To get started, simply drag and drop a Button Element onto ...

    • How to create a product element

      Reactive allows you to add products into your content. You have full control over which products display, and how they are presented. To create a product element, navigate to the Pages section from the sidebar menu of your admin panel under Website. ...

    • How to create a button element

      To create a new button element, navigate to the Pages section from the sidebar menu of your admin panel under Website. Create a new page or edit an existing one. You can refer to our documentation about How to create a Page for more information. From ...