Heading is one of the very common blocks that is used everywhere. But you can get more out of heading by using the ‘Advanced Heading’ block. It lets you do more.

Adding the Advanced Heading Block #

• Open the page/post where you want to add an Advanced Heading Block.
• Click on the ‘Add Block (+)’ button and search for ‘Advanced Heading’ 
• Insert the block by clicking on it.  

• Now, you can write your heading.

Block Settings #

• Click on your advanced heading block and then hit the settings button on the top right corner. It will open the block settings. 

• Under block settings, you will get a lot of customization options for the Advanced Heading block.

Visibility Control Settings(PRO) #

If you like to hide/show your block from specific groups, then this option comes in handy. This is a pro feature, and to use this option, you must purchase the pro version. You can hide the heading block for everyone or you can hide it from a specific group of people. To do it, 

• Hide From Everyone: To hide from everyone, toggle the option ‘Hide the block from everyone’, and the heading will be hidden from everyone. 

• Show Block to Specific Group of People: To do this, click on user role and choose the user base. Then only your selected user role will be able to see the block. 

• If you like to hide the block periodically, then toggle the ‘Enable Schedule’ option and set the time. Don’t forget to also toggle the ‘Hide when schedule apply’ button. 

Animation Settings(PRO) #

You can set your favorite animation to your advanced heading and make animated headings easily. This is a pro feature.

• Just click on the animation settings and choose your favorite animation. 

• Afterward, you will be able to customize your animated heading. 

Terms Explained

• REPEAT: This option will allow you to repeat the animation. You can repeat animation at specific times or choose ‘Infinite’ to run animation endlessly.
• REPEAT COUNT: The number of times the animation is repeated. 
• DURATION (SECONDS): Set the duration of animation here in seconds.  
• DELAY (SECONDS): Set the delay after which the animation will be played

General Settings #

From these settings, you can set the heading level, which ranges from H1 to H6. 

If you like to set the alignment, select it from ‘Heading Alignment’. 

Custom CSS Settings #

If you would like to add any custom code to your advanced heading, then do it from this option. 

Responsive Control Settings #

If you would like to hide it for any specific device, then you can do it from here. 

Toggle any option, and the heading will be hidden for that specific device. 

Block Styles #

If you want to style your advanced heading blocks, then do it from the styles tab. From here, you will be able to alter color, typography, and dimension, as well as add custom CSS. 

Colors settings #

From here, you will be able to change heading text color and heading background color. 

• Click on the heading text color, and choose your color.

• In this way, you can set the heading background color too. 

Typography Settings #

You will be able to alter typography from here. 

Terms Explained

• FONT SIZE: Adjust the font size from here. 
• TEXT TRANSFORM: Transform the text to uppercase, lowercase, or capitalize text from here. 
• FONT FAMILY: Choose the font of your advanced heading from here. 
• LETTER SPACING: Adjust the letter spacing of the advanced heading from this option. 
• FONT WEIGHT: Define font-weight from here. 
• LINE HEIGHT: Define line height for your advanced heading from here. 

Dimension Settings #

Adjust the padding and margin of your heading from here.

Final Words #

Heading is very important for any website, it lets you catch the attraction of your visitor at the very first glance. Use the Advanced Heading from Ultimate Blocks and do more than just regular blocks.