Advanced Heading

Advanced heading block allows you to add a combination of a heading and a sub-heading with a separator in between.

General

Alignment - Adjust the alignment of the content to left, right or center. You can choose different alignment for tablet and mobile devices.

Heading - Toggle button to display/hide heading.

Sub-heading - Toggle button to display/hide sub heading.

Separator - Toggle button to display/hide separator between heading and sub heading.

Heading tag - Select the HTML tag for heading as H1, H2, H3, H4, H5, H6.

Typography

Under the Typography tab, options for font family, font size, font-weight, line-height, letter spacing and color are available for Heading and Sub-Heading.

You can set responsive Heading font size for Mobile and Tablet view.

Separator

Position - You can select position of separator from here.

Style - You can select the style of the separator between heading and sub heading as solid, dotted, dashed, etc. You can also choose to hide it.

Thickness - You can adjust thickness to the separator from here.

Width - You can adjust the width of the separator in pixel or % from here.

Color - You can choose the color of the separator from here.

Spacing

Spacing tab offer options to customize the spacing for block.

Heading Bottom Spacing - Adjust the bottom margin of the heading. Separator Bottom Spacing - Adjust the bottom margin of the separator. Text Bottom Spacing - Adjust the bottom margin of the sub heading.