Heading
shortcode

Make the headings on your site more visible to impress and attract attention.
Read documentation
Usage frequency
74%
Preset amount
79%
Customizability
87%

Available options

Default code: [dfd_heading delimiter_settings="delimiter_" subtitle="Subtitle"]

Style – Choose between 9 preset styles;

Content – Add the title and subtitle;

Margins – Allow you to add the top and bottom space for title and subtitle;

Animation – Choose between 14 preset animation effects;

Custom CSS Class – Type your own unique class name for the item – this is a useful option for those who want to create a specific style.
For example, you can type custom-style class and then go to Theme options -> General Options -> Custom CSS / JS -> Custom CSS and write your own CSS code with this class to get your own style;

Delimiter – Allows you to enable or disable the delimiter and customize it;

Typography – Select letter spacing, font size and element tag. You can also choose the custom font family;

Responsive – Specify the font size, line height and letter spacing for different screen resolutions.

Default styles

Samples of preset styles without custom changes
classic style

Heading content

Human-centered design world
title bottom style
Human-centered design world

Heading content

title top style

Heading content

Human-centered design world
left delimiter style

Heading content

Human-centered design world
classic title bottom style
Human-centered design world

Heading content

right delimiter style

Heading content

Human-centered design world
sides delimiter style

Heading content

Human-centered design world
bottom delimiter back title style

Heading content

Human-centered design world
top delimiter back title style

Heading content

Human-centered design world

Customized styles

Some variations of style customizations of the shortcode
Custom typography

Heading content

Human-centered design world
Custom typography

Heading content

Human-centered design world
without delimiter
Human-centered design world

Heading content

Custom typography
Human-centered design world

Heading content