Table of Contents
1. How to Add Advanced Heading #
To add the Advanced Heading Block, click on the Gutenberg editor block inserter plus icon(+) then find Advanced Heading from the search option. Just click on the Block and it will be activated
After selecting the block you need to fill up your desired text and configure the style.
2. General Settings #
The general settings tab has presets and content options.
- Presets: First you need to select a pre-define Preset.
- Content => Heading Tag: You can set the Heading Tag H1 – H6
- Content => Heading Text: You can input the Heading Text
- Content => Sub Heading: Disable/ Enable Sub-heading, Sub-Heading Tag H1- H6 or Span or P, Sub-Heading Text, and Sub-Heading position Top/ Bottom.
- Content => Sub Heading Bar: You can enable the sub-heading bar.
- Content => Description: You can add a short description for the heading
3. Style Settings #
From these settings, you can style the heading, subheading, and description style.
- Heading: You can set Heading typography, color and margin.
- Sub-Heading: You can set the Sub Heading typography, color and margin.
- Bar: You can set the title to bar gap, bar width and height also background color or image also border-radius.
- Description: You can set description typography, color and margin.
4. Advanced Settings #
The advanced tab has block wrapper style margin & padding, background, border, and shadow change options. This panel style description is added below.
- Wrapper Margin & Padding: You can set the wrapper margin and padding in px, em or %
- Background: You can set your desired background in the wrapper like flat color, gradient color, or an image with image overlay color with opacity.
- Border: You can set default border or hover border with different border styles and also can set border-radius.
- Shadow: You can set box shadow for normal and hover style.
5. Final Outcome #
Following these basic steps and more customizing, you can style your advanced heading block and your want and get your outcome.
