In this article
The content of the layer. You can also write some HTML codes for formatting.
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!
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!
Learn about the typography options at the Layer Typography & Design documentation.
Learn about the background options at the Layer Typography & Design documentation.
Learn about the border options at the Layer Typography & Design documentation.
Learn about the spacing options at the Layer Typography & Design documentation.
Learn about the responsive options at the Layer Style documentation.
Learn more about the effect options at the Layer Style documentation.
Learn more about the advanced options at the Layer Style documentation.
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>
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.