Heading

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

Templates:

Here you can choose template style for your heading shortcode (Default, Typing With Icon, Acacio Simple, Djo Simple, Djo Background Text, Ewo Simple, Famulus Simple, Famulus Modern, Mooseoom Simple, Moovit Simple, Ninedok Simple, Noize Simple, Outsourceo Simple, Rela Simple, Soapy Simple, Soapy Description, Vestry Simple, karma Marketing Layout1or Karma Political Simple).

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 custom font option for align is off.
  • Align for tablet - Please, select the heading align for the tablet. It works only when custom font option for align is off.
  • Align for mobile - Please, select the heading align for the mobile. It works only when custom font option for align 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:

Typing With Icon 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.
  • Icon - Choose an image for the icon.

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

Acacio Simple 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.
  • Align - Please, select the heading align. 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.
  • Align for mobile - Please, select the heading to align for the mobile. It works only when the custom font option for aligning is off.
  • Use illustration? - Turn on the switcher if you want to add the image to the current heading.
  • Add illustration - Here you can choose the image for the current heading.

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

Images size for illustration:

Image original size - Select the image size here.

Djo 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.
  • 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.
  • Enable shadow for Title? -  Turn on the switcher if you want to add shadow for the title.

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

Djo Background Text Layout:

Content Settings:

  • Element tag for the title - Here you can select the title tag.
  • Use the custom font for BG Text? - Turn on the switcher if you want to customize the font for the background text.
  • Background Text - Add your background text here.

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

Ewo Simple 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.
  • Use the custom font for highlight? - Turn on the switcher if you want to customize the highlight font.
  • Align - Please, select the heading align. It works only when the custom font option for aligning is off.
  • Description - Please, enter your description text.
  • Element tag for Description - Here you can select the description tag.
  • Use the custom font for description? - Turn on the switcher if you want to customize the description font.

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:

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:

HR Consult Simple Layout

  • Heading source - Please, select the heading source.
  • 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 switcher if you want to customize the title font.
  • Enable animation for heading? - Turn on the switch if you want to display heading animation
  • Use the custom font for highlight? - Turn on the switcher if you want to customize the  highlight font.
  • Align - Please select the text align. It works only when custom font option for align is off. 
  • Background Image for text - Please, select the image for background
  • Subtitle - Please, enter the subtitle text
  • Use the custom font for subtitle? - Turn on the switcher if you want to customize the subtitle font.
  • Element tag for the subtitle - Here you can select the subtitle tag.
  • Use dot in the end title? - Turn on the switch if you want to display dot  in the end of the title 
  • Align for mobile - Please, select text align for mobile

Simple with font

  • Title - Here you can add the title text
  • Element tag for the title - Here you can select the title tag.
  • Use custom font for title? - Turn on the switch to customize the title 
  • Align - Please select the text align. It works only when custom font option for align is off.
  • Align for mobile - Please select the text align for mobile. It works only when custom font option for align is off.
  • Description - Please, enter the description text
  • Use custom font for Description? - Turn on the switch if you want to customize the Description typography 
  • Disable secondary text highlighting? - Turn on the switch to display the secondary text highlighting
  • Align for mobile - Please, select text align for mobile

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

HR Consult Modern with background

  • Heading source - Please, select the heading source.
  • 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 switcher if you want to customize the title font.
  • Align - Please select the text align. It works only when custom font option for align is off. 
  • Align for mobile - Please select the text align for mobile. It works only when custom font option for align is off.
  • Description - Here you can add the description text
  • Background Image for text - Please, select the image for background
  • Use custom colors for title? - Turn on the switch to use custom colors for title
  • Title color - Please select the color for title
  • Marked text color - Please select the marked color for title

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

Mooseoom Simple Style:

  • 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.
  • Align for tablet- Please, select the heading align.
  • Align for mobile - 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.

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

Moovit Simple Style:

  • Heading source - Please, select the heading source.
  • Heading - Here you can add a text for the heading. 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.
  • 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 align for the mobile devices.

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

Ninedok Simple 

  • Title - Here you can add 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.
  • Subtitle - Here you can add some text for the subtitle.
  • Description - Here you can add the text for the description.
  • Use the custom font for description? - Turn on the switch if you want to customize the description 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 description

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

Noize Simple Style:

  • 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 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 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:

Outsourceo Simple Style:

  • 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.
  • 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 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:

Rela Simple Style:

  • 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 hightlight 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:

Soapy Simple

  • 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 image before subtitle
  • Image After Subtitle - Here you can add image after subtitle
  • Title - Add the text for the title here.
  • Element tag for the 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 switch if you want to add the link
  • 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 switch if you want to customize the Link Typography.
  • Remove Arrow? - Turn on the switch if you want to remove the arrow.

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

Soapy Description 

  • Use custom font for Description? - Turn on the switch if you want to customize the description font.
  • Subtitle - Here you can add some text for the subtitle.

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

Vestry Simple :

  • Title - Here you can add your title text. 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.
  • 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 custom font for Highlight? - Turn on the switch if you want to customize the Highlight font.
  • Use grey border for subtitle? - Turn on the switch if you want to use grey border for subtitle.
  • Align for mobile - Please, select the heading align for the mobile devices.

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

Karma Marketing Layout 1

  • Element tag for title - Here you can select the title tag.
  • Align - Please, select the heading align. It works only when custom font option for align is off.
  • Align for tablet - Please, select the heading align for tablet. It works only when custom font option for align is off.
  • Align for mobile - Please, select the heading align for the mobile devices. It works only when custom font option for align is off
  • Title - Add some text for Title.
  • Make line after title smaller? - Turn on the switch to make line after title smaller.
  • Use custom font for Title?  - Turn on the switch if you want to customize the title typography.
  • Description - Here you can add the text for the description.
  • Use custom font for Description? - Turn on the switch if you want to customize the description font.
  • Color on background - Please select the color.

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

Karma Political Simple

  • Title - Add some text for Title.
  • Element tag for title - Here you can select the title tag.
  • Use custom font for title?  - Turn on the switch if you want to customize the title typography.
  • Use custom font for highlight? Turn on the switch if you want to customize the highlight typography.
  • Align Align - Please, select the heading align.
  • Description - Here you can add the text for the description.
  • Element tag for description  - Here you can select the description tag.
  • 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: