Text Layer

In this article

You can find the Text layer in the Slide Editor.

⚠️ Warning: Since 3.5.1.6 this layer only accepts the following HTML tags: <a>, <span>, <sub>, <sup>, <em>, <i>, <var>, <cite>, <b>, <strong>, <small>, <bdo>, <br>, <img>, <picture>, <source>, <p> and their closing tags. HTML tags other than these will be removed!

Content

General

Text

The content of the layer. You can also write some HTML codes for formatting.

Tablet

If you want to have a custom tablet text, you can write it here after enabling it.

If you enable it, but leave it empty, your layer won't display on tablet!

Mobile

If you want to have a custom mobile text, you can write it here after enabling it. If you have a tablet text, the mobile text will inherit that.

If you enable it, but leave it empty, your layer won't display on mobile!

Style

Learn more about the styling options in the tutorial video.

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.

Frequently asked questions

1
How to use different text colors?

You can use inline CSS codes to change the text color inside Text layers. For example, you can use this code to make the word "red" appear in red color:

this text is <span style="color:red;">red</span>
	

Using inline CSS codes you can change almost anything, even the font family, font weight or font size.

2
How to create space between paragraphs?

The way the text layer works is that it creates a <p> tag for the lines containing a text. By default there is no space between the <p> tags. If you want to have distance between the paragraphs, set a padding or use different layers for each piece of text and use margins to control the distance.

1
Set a padding

You can create distance between the two paragraphs leaving an empty line between the two text sections and by setting a bottom padding at the Style tab → Spacing → Padding.

2
Create different layers for each paragraph

The other solution is to create a new text layer for every paragraph. Then use margins to create distance between the two layers. In this case you'll have better control between the distance of the layers on smaller screens.

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