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.
