Advanced Text

Display your business message in an eye-catching manner with this Advanced Text block.

How To Add The Advanced Text Block

1. Open a page or post and click on the plus icon to add a new block and look for the Advanced Text block or you can search for it if it doesn’t pop up quickly for you.

2. By default, you'll get a title, subtitle, and text element.

How To Configure The Advanced Text Block

General

Columns - Decide the number of columns to display.

Enable Title - Toggle button to display/hide the title.

Enable Subtitle - Toggle button to display/hide the subtitle.

Enable Divider - Toggle button to display/hide separator between columns. This option will be available when more than one column is set.

Title HTML Tag - Select the HTML tag for a title as H1, H2, H3, H4, H5, H6, P.

Block Alignment - Adjust the alignment of the block to left, right, or center.

Title Alignment - Adjust the alignment of the title to left, right, or center.

Subtitle Alignment - Adjust the alignment of the subtitle to left, right, or center.

Text Alignment - Adjust the alignment of the text to left, right, or center.

Layouts

Layouts - Select layout for advanced text block from 3 different options available in this setting.

How To Style The Advanced Text Block

Spacing

The spacing tab offers options to customize the spacing for the block. You can set different values for desktop, tablet, and mobile views.

Text Padding - Adjust the padding or spacing around the text.

Title Bottom - Adjust the bottom margin of the title.

Title Left - Adjust the left margin of the title.

Title Right - Adjust the right margin of the title.

Subtitle Bottom - Adjust the bottom margin of the subtitle.

Subtitle Left - Adjust the left margin of the subtitle.

Subtitle Right - Adjust the right margin of the subtitle.

Text Bottom - Adjust the bottom margin of the text.

Column Divider

Height - Adjust the height of the divider between columns.

Width - Adjust the width of the divider between columns.

Color Settings

Under the Color Settings tab, color options are available for Divider, Title, Subtitle and Text.

Typography

Under the Typography section, you can set typography options such as Font Family, Responsive Font Size, Font Weight, Line Height for Title, Subtitle and Text.

Advanced Settings

General

Block HTML Tag - Select the HTML tag for a block as div, section, footer, main, aside, article, nav, header.

Opacity - Adjust the opacity of the block.

Z Index - Set z-index for the advanced text block.

Block Spacing

Max Content Width - Set the maximum width of the advanced text block.

Padding -

• Top- Adjust the top padding of the advanced text block.

• Bottom - Adjust the bottom padding of the advanced text block.

• Left - Adjust the left padding of the advanced text block.

• Right - Adjust the right padding of the advanced text block.

Margin -

• Top - Adjust the top margin of the advanced text block.

• Bottom - Adjust the bottom margin of the advanced text block.

• Left - Adjust the left margin of the advanced text block.

• Right - Adjust the right margin of the advanced text block.