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.
