Heading

This shortcode allows adding a section with headings to the page.

Layouts:

Here you can choose template style for your Heading shortcode (Moovit Simple, Default, Famulus Simple, Outsourceo Simple, Famulus Modern, Ninedok Simple, Noize Simple, Soapy Simple, HR Consult Simple with font, Rela Simple or HR Consult Simple with font)

Moovit Simple Layout:

Content Settings:

Heading source - Please, select the heading source.

Title - Here you can add a text for the Title. 

Element tag for the title - Here you can select the title tag.

Use the custom font for title? - Turn on the switch if you want to customize the title font.

Align - Please, select the heading align.

Subtitle - Here you can add some text for the subtitle.

Element tag for Subtitle - Please, select the subtitle tag.

Use the custom font for Subtitle? - Turn on the switch if you want to customize the subtitle font.

Use dot in the end title? - Turn on the switch if you want to use the dot in the title end.

Color for dot - Here you can select the dot color.

Align for mobile - Please, select the heading alignment for the mobile devices.

How to customize typography you can check in Typography Settings Category:

Default Layout:

Content Settings:

Heading source - Please, select the heading source.

Title - Here you can add a text for the title.

Element tag for the title - Here you can select the title tag.

Enable text-indent for title? - Turn on the switcher if you want to enable text-indent for the title.

Use the custom font for title? - Turn on the switcher if you want to customize the title font.

Enable animation for heading? - Turn on the switcher if you want to enable animation for the heading.

Use the custom font for highlight? - Turn on the switcher if you want to customize the highlight font.

Description - Please, enter your description text.

Align - Please, select the heading align. It works only when the custom font option for aligning is off.

Align for tablet - Please, select the heading alignment for the tablet. It works only when the custom font option for aligning is off.

Align for mobile - Please, select the heading alignment for the mobile. It works only when the custom font option for aligning is off.

Icon Settings:

Add icon? - Turn on the switcher to add the icon for the current button. If you turn on the switcher, there are the next items:

Icon items:

  • Icon library - Please, select the icon library.
  • Icon color - Please, choose the icon color from the color palette.
  • Icon font size - Enter icon font size with units. just use the number.

How to customize typography you can check in Typography Settings Category:

Famulus Simple Layout:

Content Settings:

Heading source - Please, select the heading source.

Title - Here you can add a text for the title.

Element tag for the title - Here you can select the title tag.

Use the custom font for title? - Turn on the switcher if you want to customize the title font.

Enable animation for heading? - Turn on the switcher if you want to enable animation for the heading.

Use the custom font for highlight? - Turn on the switcher if you want to customize the highlight font.

Description - Please, enter your description text.

Align - Please, select the heading align. It works only when the custom font option for aligning is off.

Subtitle - Please, enter your subtitle text.

Element tag for Subtitle - Here you can select the subtitle tag.

Use the custom font for Subtitle? - Turn on the switcher if you want to customize the subtitle font.

Use the custom font for Description? - Turn on the switcher if you want to customize the description font.

Use the custom font for Link? - Turn on the switcher if you want to customize the link font.

White Text -  Turn on the switcher if you want to make the text white. It will work if not used custom options. It will colorize all the content in the shortcode except Highlight.

White Highlight Text - Turn on the switcher if you want to make the highlight text white. It will work if not used custom options.

Link Title - Add the title of the link here.

 Link Url - Add the url of the link here.

Add arrow to link? - Turn on the switcher if you want to add the arrow to the link.

Choose socials links:

  • Add socials? - Turn on the switcher if you want to add socials icons. You can choose what socials you want to add by adding link url. This means if you don't add link url of socials it will not be displayed.

Socials Items:

  • Dribbble - Add url to Dribbble.
  • Facebook - Add url to Facebook.
  • Instagram - Add url to Instagram.
  • Linkedin - Add url to Linkedin.
  • Pinterest - Add url to Pinterest.
  • RSS - Add url to RSS.
  • Skype - Add url to Skype.
  • Tumblr - Add url to Tumblr.
  • Twitter - Add url to Twitter.
  • Vimeo - Add url to Vimeo.
  • Youtube - Add url to Youtube.

Use the custom font for Socials? - Turn on the switcher if you want to customize the socials font.

How to customize typography you can check in Typography Settings Category:

Outsourceo Simple Layout:

Content Settings:

Heading source - Please, select the heading source.

Title - Here you can add a text for the title. For set, some words for repeat animation separate them by a comma : [[London, New York, Paris]]. To Highlight text insert text between [[ Your Text Here ]]

Element tag for the title - Here you can select the title tag.

Use the custom font for title? - Turn on the switch if you want to customize the title font.

Align - Please, select the heading align. It works only when custom font option for align is off.

Subtitle - Here you can add some text for the subtitle.

Element tag for Subtitle - Please, select the subtitle tag.

Use the custom font for Subtitle? - Turn on the switch if you want to customize the subtitle font.

Use dot in the end title? - Turn on the switch if you want to use the dot in the title end.

Align for tablet - Please, select the heading alignment for the tablet devices.

Align for mobile - Please, select the heading alignment for the mobile devices.

How to customize typography you can check in Typography Settings Category:

Famulus Modern Layout:

Content Settings:

Title - Here you can add a text for the title.

Element tag for the title - Here you can select the title tag.

Use the custom font for title? - Turn on the switcher if you want to customize the title font.

Enable animation for heading? - Turn on the switcher if you want to enable animation for the heading.

Use the custom font for highlight? - Turn on the switcher if you want to customize the highlight font.

Use the custom font for Link? - Turn on the switcher if you want to customize the link font.

White Text -  Turn on the switcher if you want to make the text white. It will work if not used custom options. It will colorize all the content in the shortcode except Highlight.

White Highlight Text - Turn on the switcher if you want to make the highlight text white. It will work if not used custom options.

Link Title - Add the title of the link here.

 Link Url - Add the url of the link here.

Add arrow to link? - Turn on the switcher if you want to add the arrow to the link.

Hide Line? - Turn on the switcher if you want to hide the line.

How to customize typography you can check in Typography Settings Category:

Ninedok Simple Layout:

Content Settings:

Title - Here you can add the title text.

Element tag for the title - Here you can select the title tag.

Use the custom font for title? - Turn on the switch if you want to customize the title font.

Enable animation for heading? - Turn on the switcher if you want to enable animation for the heading.

Align - Please, select the heading align. It works only when the custom font option for aligning is off.

Subtitle - Here you can add some text for the subtitle.

Element tag for the Description - Here you can select the description tag.

Use the custom font for Subtitle? - Turn on the switch if you want to customize the subtitle font.

Use the custom font for Description? - Turn on the switch if you want to customize the description font.

Description - Here you can add the text for the description.

Description Max width - Here you can select max-width for the description.

How to customize typography you can check in Typography Settings Category:

Noize Simple Layout: 

Content Settings:

Heading source - Please, select the heading source.

Element tag for the title - Here you can select the title tag.

Use the custom font for title? - Turn on the switcher if you want to customize the title font.

Icon - Choose an image for the icon.

Heading - Here you can add a text for the heading.

Subtitle - Here you can add some text for the subtitle.

Element tag for Subtitle - Please, select the subtitle tag.

Align - Please, select the alignment of the heading.

Align for tablet - Select the align for a tablet for the current heading.

Align for mobile - Select the align for mobile for the current heading.

Use the custom font for Subtitle? - Turn on the switch if you want to customize the subtitle font.

How to customize typography you can check in Typography Settings Category:

Soapy Simple Layout:

Content Settings:

Use custom font for Title? - Turn on the switch if you want to customize the title font.

Subtitle - Here you can add some text for the subtitle.

Remove Space Under Subtitle? - Turn on the switch if you want to remove space under subtitle.

Image Before Subtitle - Here you can add an image before the subtitle.

Image After Subtitle - Here you can add an image after the subtitle.

Title - Add the text for the title here.

Element tag for Title - Here you can select the title tag.

Change space under the title? - Turn on the switch if you want to change space under the title.

Description - Here you can add the text for the description.

Add Link? - Turn on the switcher if you want to add the link.

  • Link Title -  Add the text for the link title.
  • Link URL - Add URL for the link title.

Use custom font for Description? - Turn on the switch if you want to customize the description font.

Use the custom font for Subtitle? - Turn on the switch if you want to customize the subtitle font.

Align - Please, select the heading align.

Use custom font for Link? - Turn on the switcher if you want to customize the Link Typography.

Remove Arrow? - Turn on the switcher if you want to remove the arrow.

How to customize typography you can check in Typography Settings Category:

HR Consult Simple with font Layout:

Content Settings:

Title - Here you can add a text for the title.

Element tag for the title - Here you can select the title tag.

Use the custom font for title? - Turn on the switcher if you want to customize the title font.

Align - Please, select the heading align. It works only when the custom font option for aligning is off.

Align for mobile - Please, select the heading to align for the mobile. It works only when the custom font option for aligning is off.

Description - Please, enter your description text.

Use the custom font for description? - Turn on the switcher if you want to customize the description font.

Disable secondary text highlighting? - Turn on the switcher if you want to disable secondary text highlighting.

How to customize typography you can check in Typography Settings Category:

Rela Simple Layout:

Content Settings:

Title - Here you can add a text for the title. For set, some words for repeat animation separate them by a comma : [[London, New York, Paris]]. To Highlight text insert text between [[ Your Text Here ]].

Element tag for the title - Here you can select the title tag.

Use custom font for Title? - Turn on the switch if you want to customize the title font.

Use custom font for hightlight? - Turn on the switch if you want to customize the highlighted text font.

Description - Here you can add the text for the description.

Align - Here you can select the align.

Title Max width - Here you can enter a title width for the heading.

Description Max width - Here you can enter a title width for the description.

Use custom font for Description? - Turn on the switch if you want to customize the description font.

How to customize typography you can check in Typography Settings Category: