You can find the Button layer in the Slide Editor.
This will be the text on your button.
Your button can be either as wide as your text needs it to be, or with this option it can be as wide as the layer is.
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.
You can put a link on the layer. Learn more about the link options at the Link documentation.
Specifies where to open the linked document.
- Self: Opens the linked document in the same frame as it was clicked (this is default link behavior).
- New: Opens the linked document in a new window or tab.
- Parent: Opens the linked document in the parent frame.
- Top: Opens the linked document in the full body of the window.
The rel attribute specifies the relationship between the current document and the linked document.
You can show an icon beside the button's text. The same icons are available what you can find at the Icon layer.
The font size of the icon.
The distance between the icon and text
Whether the icons shows up on the left or right side of the text.
You can add a custom css class, that will be applied to the button layer.
Learn about the typography options at the Layer Typography & Design documentation.
Learn about the animations at the Animation documentation.
Frequently Asked Questions
How to create a button with rounded corners?
Use the Border Radius option at the Style tab.
Button without border radius (left, green color) and button with 50px border radius (right, blue color)
How to make the button behave better responsively?
You can make the button have better responsive behavior by using
em paddings instead of
em paddings will be smaller if you reduce the font size on tablet and mobile, so the button will look less large.
In the Free (and Pro) version, at the Style tab you can add a CSS Class to any layer.
You can use this class, to identify the button within your code:
Please note, that we do not support custom coding. So you need developer knowledge, to make your code work as you want it.