Heading widget allows you to create stylish title headings.

Heading widget Sample

On the picture below you can view Heading widget sample.

Layout

• Show Heading – enable this option if you need to show the Heading.
• Show SubHeading – enable this option if you need to show the SubHeading.
• Show Description – enable this option if you need to show the Description.
• Display Divider – enable this option if you need to show the Divider.
• Divider Position – choose the divider position, there are 4 options, [ Before Heading, Between Heading, After Heading, After Description ]

Content

• Heading – here you will find a bunch of options to customize heading.
  • Title –  Type your heading text.
  • Link – Link the heading to a URL.
  • HTML Tag – Set the heading’s HTML tag to H1- H6.
  • Alignment – Align the Widget to the left, right, or center.
• SubHeading – here you will find a bunch of options to customize SubHeading.
  • Before Text –  Type your text before Highlight text.
  • Highlight Text –  Type your Highlight text.
  • After Text –  Type your text after Highlight text.
  • Link – Link the SubHeading to a URL.
  • HTML Tag – Set the sub-headings HTML tag to H1- H6.
• Description – here you can type the description of the block.

Style

• Heading – here you will find a bunch of options to customize the heading.
  • Color – Choose the color of the heading text.
  • Hover Color – Choose the hover color of the heading text.
  • Typography – Change the typography options for the heading text.
  • Active Text Image – if you enable this you can add a background into the text and customize it.
  • Margin – here you can define the margins for the Heading.
  • Text Shadow – Add a shadow and blur to the heading text.
  • Max Width – here you can add maximum width to the heading.
  • Alignment – Align the heading to the left, right, or center.
• SubHeading – here you will find a bunch of options to customize the sub-heading.
  • Color – Choose the color of the sub-heading text.
  • Hover Color – Choose the hover color of the sub-heading text.
  • Typography – Change the typography options for the sub-heading text
  • Margin – here you can define the margins for the sub-Heading.
  • Text Shadow – Add a shadow and blur to the sub-heading text.
  • Max Width – here you can add maximum width to the sub-heading.
  • Highlighted Text – here you will find a bunch of options to customize the Highlighted Text.
    • Color – Choose the color of the Highlighted text.
    • Typography – Change the typography options for the Highlighted text.
    • Margin – here you can define the margins for the Highlighted text.
    • Text Shadow – Add a shadow and blur to the Highlighted text.
  • Alignment – Align the Sub-heading to the left, right, or center.

• Divider – here you will find a bunch of options to customize the divider.
  • Weight – here you can add weight to the Divider.
  • Width – here you can add width to the Divider.
  • Margin – here you can define the margins for the Divider.
  • Color – Choose the color of the Divider.
  • Box Shadow – enable this option if you want to access the shadow advanced settings, and need to apply shadow to the item.
  • Alignment – Align the Divider to the left, right, or center.
• Description – here you will find a bunch of options to customize the description.
  • Description Color – Choose the color of the Description text.
  • Typography – Change the typography options for the Description text.
  • Margin – here you can define the margins for the Description text.
  • Max Width – here you can add maximum width to the Description.
  • Alignment – Align the description to the left, right, or center.
• Wrapper – here you will find a bunch of options to customize the wrapper.
  • Width – here you can add the width to the widget.
  • Height – here you can add the height to the widget.
  • Margin – here you can define the margins for the widget.
  • Padding – here you can define the padding for the widget.