Gutenberg Heading Block Tutorial
Gutenberg Heading Block can be highly customized with many styling options available for each element it includes. You can completely change its look with a few clicks, and for sure no coding is required.
Check Gutenberg Heading Block demo page from here.

Heading Gutenberg Block Layout Settings
- Style: Select heading style from 9 unique styles.
- Icon: Enable to add icon beside heading.
- Icon Type: Select icon type from icon, image or Lottie animation.
- Icon: Select icon from Font Fwesome library or WordPress dashicons.
- Image: Select or upload an image from WordPress media library.
- Lottie Animation: Insert Lottie Animation and customize its options like loop and reverse.
- Icon Position: Set icon position before, after or at top of heading.
- Icon Alignment: Select top icon alignment to left, center or right.
- Icon Type: Select icon type from icon, image or Lottie animation.
- Title Tag: Select heading HTML tag from H1 to H6 and you can use it as div or spin.
- Alignment: Align heading to left, center or right.
- Link: Enable to assign a link for heading block and you can enable open in new tab option.
- URL: Insert heading link.
- Open link in new tab: Enable to open the link in new tab.
- background Text: Enable to insert background text to heading block.
- Text: Insert background text.
- Width: Select the width of the text auto or full width.
Gutenberg Heading Style 7 Options
Gutenberg Heading style 7 has unique options for stripe.
- Stripe Position: Select stripe position to be top or bottom of heading.
- Stripe Width/Height: Set strip width and height.
- Stripe Top/Bottom Spacing: Add spacing on top and bottom of stripe.
- Stripe Alignment: Align stripe to left, center or right.
Style Settings for Heading Gutenberg Block
Here you can customize styling options for title, icon and background.

Title Style for Gutenberg Heading Block
- Typography
- Color.
- Shadow
- Border
- Margin
- Padding
Icon Style for Gutenberg Heading Block
- Size
- Background Type
- Border
- Margin
- Padding
Background Text Style for Gutenberg Heading Block
- Typography
- Horizontal Offset
- Vertical Offset
- Rotate (degrees)
- Color
- Text Shadow
- Stroke: Enable to assign a stroke to background text.
- Stroke Color.
- Stroke Full Width.
- BLEND Mode
- z-index