Advanced Heading
Last updated
Last updated
Advanced heading block allows you to add a combination of a heading and a sub-heading with a separator in between.
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.
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.
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 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.
