Heading – Blocks

The Heading Block lets you help to create a beautiful heading or title block with lots of style controls.

Design

Heading
- Add Heading: Use this field to add the heading text of the block.
- Heading URL: Use this field to add links in the heading.
- Alignment: Use this field to align the heading.
- Heading Style: Use this field to indicate the style number of the heading.
- Heading Tag: Use this field to change HTML heading tag.
- Button Text: It works for Heading Style 11. Change the text of the button.
  - HEADING STYLE
    - Typography: To change font family, font weight, font size, line height, letter, spacing, transform, text decoration.It support for responsive settings.
    - Color: Use color picker to choose the heading color.
    - Background: Use color picker to select the heading background color.
    - Border Color: Use color picker to choose the border color.
    - Border Color 2: Use color picker to choose the border color.
    - Border Size: Use this slider to change the heading border size.
    - Button Typography: To change font family, font weight, font size, line height, letter, spacing, transform, text decoration.It support for responsive settings.
    - Button Color: Use this color picker to pick a fill color.
    - Button Hover: Use this color picker to pick a hover color.
    - Spacing: Use this slider to change the spacing.

General
- ID: Use this field to add an ID to the block.
- Z-index: Use this field to change the z-index of the block.
- Margin: Use this field to change the margin of the block.
- Padding: Use this field to change the padding of the block.
- Background: Use this color picker to pick a background color.
- Border: Use this group field to change border width, style and color.
- BoxShadow: Use this group field to select shadow, inset & color in this option.
- Border Radius: Use this field to change the border radius.
Custom CSS: Add Custom CSS via this field.
Advanced
- Additional CSS class: Add CSS class to the block.