Heading Layer

You can find the Heading layer in the Slide Editor.

⚠️ Warning: This layer does not support any HTML codes inside. If you write any HTML codes, they'll be removed.

Heading layers are texts wrapped around HTML heading tags of your choice.

Content

General

Text

The text which will appear on your slide.

Tag

You can choose the heading's importance from <h1> to <h6>. You can also choose to display the text inside a simple <div>.

Full width

You can choose to make your heading to only have the width of the text, or to make it Full width, which will make it as wide as the layer is. This option is mostly important for the style background color, or the font aligning.

No wrap

If it's turned on, and your text is longer, than the width of your layer, it will still stay in one row. If it's turned off, the text will go to the next rows.

Link

Link

You can put a link on the layer. Learn more about the link options at the Link documentation.

Target window

Specifies where to open the linked document.

Rel

The rel attribute specifies the relationship between the current document and the linked document.

Text animation Pro

You can create a whole new animation for your text only, separated from the layer animation. The Text animation splits the entered text into characters or words, and move them separately. Check out in action!

Incoming

You can set an incoming text animation. The Delay applies to the incoming text animation.

Outgoing

You can set an outgoing text animation. The Delay applies to the outgoing text animation.

Transform origin

The animations are played from this point. The 0,0,0 position is the top left corner of the text.

Backface visibility

The backface-visibility defines whether the back of an element should be visible or not when it's rotated to face the screen.

Text animation

Mode

You can select if you would like this animation to be applied to Chars (characters), Words or Lines.

Sort

The animation doesn't have to be played in the order of the parts, and you can change that here.

Easing

The pace of the animation. You can see them here.

Stagger

This is the time that passes between the part animations.

Duration

This is how long it takes to finish the whole animation.

Opacity

The starting transparency of the text.

Scale

This is how much bigger the chars / words / lines will be at the start based on their original sizes.

Offset

The starting distance from the original position.

Rotate

The starting angle from the original position

Advanced Pro

Title

When you hover over your heading and you give a title to it, that will appear.

CSS class

You can add a custom css class, that will be on the h tag.

Style

Preset

At the Presets you can save down your Typography and Style settings.

Typography

Learn about the typography options at the Layer Typography & Design documentation.

Background

Learn about the background options at the Layer Typography & Design documentation.

Border

Learn about the border options at the Layer Typography & Design documentation.

Spacing

Learn about the spacing options at the Layer Typography & Design documentation.

Responsive

Learn about the responsive options at the Layer Style documentation.

Effect

Learn more about the effect options at the Layer Style documentation.

Advanced

Learn more about the advanced options at the Layer Style documentation.

Animations

Learn about the animations at the Animation documentation.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.