Text Layer
In this article
The Text layer was created to display content inside the HTML p tag. 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!
Starting from 3.5.1.13 the following tags are also accepted: del, bdi, ins
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
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.
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.
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.
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.