1. Home
  2. Docs
  3. Gutenberg Post Blocks
  4. Heading – Blocks

Heading – Blocks

Heading – Blocks

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

Design

  • Pre-Made: Pick a pre-made block design.
  • Advanced
    • Additional CSS class: Add CSS class to the block.

Setting

  • 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.

Advanced

  • 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.

Was this article helpful to you? Yes No