Text Block Element

Last Update: August 22, 2025

The Avada Text Block Element is a simple yet foundational Avada Design Element used to insert text content into your page. In addition to displaying text in a single block, there is also an added feature that lets you choose the number of Columns the text will be displayed in. This is perfect for blog posts and other pages, as it offers a unique design style and gives you more control over how you present your information to your users.

Watch the video below for a visual overview of the Element, view the Avada Text Block Element page for live examples, and read on to discover more about this most used of all elements.

For privacy reasons YouTube needs your permission to be loaded.

View Element Page!

Text Block Split Columns!

View Avada Builder Elements!

Using The Text Block Element In Avada Builder

The Avada Text Block Element is a foundational Element and allows you to add a variety of text blocks into your content. The Element is as simple as it gets, but there are a few things to be aware of. There is now an option to split the text into several inline Columns, but apart from that, there is just the Visual/Text Editor in which to place your content.

Be aware that if you are placing any text that contains HTML, it must be added via the Text editor to render correctly. You can read this article for more information. Read below for a description of all element options.

Using The Text Block Element in Avada Live

There are only a few differences when using the Text Block Element in the Avada Live Visual Builder. Being a text-based Element, the Text Block Element is directly editable in Avada Live. Just click inside the text on the page to start writing or editing.

And if you make a selection of text on the page, the Inline Editor appears, allowing you to make formatting changes to parts of your text directly on the page.

Please see the Best Practices for Inline Editing in Avada Live document for a good idea of how to best use the Inline Editor.

Element Options

Note: The Default setting will use the global settings assigned for this element at Options > Avada Builder Elements > Text Block. Also, please note that the displayed options screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.

General

Heading		Description
Number Of Inline Columns		Set the number of columns the text should be broken into.IMPORTANT: This feature is designed to be used for running text, images, dropcaps and other inline content. While some block elements will work, their usage is not recommended and others can easily break the layout.
Column Min Width		Set the minimum width for each column, this allows your columns to gracefully break into the selected size as the screen width narrows. Leave this option empty if you wish to keep the same amount of columns from desktop to mobile. Enter value including any valid CSS unit, ex: 200px.
Column Spacing		Controls the column spacing between one column to the next. Enter value including any valid CSS unit besides % which does not work for inline columns, ex: 2em.
Rule Style		Select the style of the vertical line between columns. Some of the styles depend on the rule size and color.
Rule Size		Sets the size of the vertical line between columns. The rule is rendered as "below" spacing and columns, so it can span over the gap between columns if it is larger than the column spacing amount. In pixels.
Rule Color		Controls the color of the vertical line between columns.
User Text Select		Controls how and if the text can be selected.
Content		Enter some content for this text block.
Alignment		Select the text alignment.
Element Visibility		Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
Element Sticky Visibility		Choose to show or hide the element, based on the current mode (normal or sticky) of its parent container. You can choose more than one at a time.
CSS Class		Add a class to the wrapping HTML element.
CSS ID		Add an ID to the wrapping HTML element.

Design

Heading		Description
Width		Set a fixed width for the element.
Minimum Width		Set the minimum width for the element.
Maximum Width		Set the maximum width for the element.
Margin		In pixels or percentage, ex: 10px or 10%.
Typography		Controls the text typography.
Font Color		Controls the color of the text, ex: #000.

Extras

Heading		Description
Animation Type		Select the type of animation to use on the element.
Direction of Animation		Select the incoming direction for the animation.
Animation Color		Select the color of the animation
Speed of Animation		Type in speed of animation in seconds (0.1 - 5).
Animation Delay		Select the delay time after the animation starts(0 - 5).
Offset of Animation		Controls when the animation should start.
Conditional Logic		Add conditional logic when the element is used within a form.