Button Layer

In this article

You can find the Button layer in the Slide Editor.

Content

General

Label

This will be the text on your button.

Full width

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.

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.

  • 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.
Rel

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

Icon Pro

Icon

You can show an icon beside the button's text. The same icons are available what you can find at the Icon layer.

Size

The font size of the icon.

Spacing

The distance between the icon and text

Placement

Whether the icons shows up on the left or right side of the text.

Advanced Pro

CSS class

You can add a custom css class, that will be applied to the button layer.

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.

Position

Learn about the position options at the Layer Style documentation.

Size

Learn about the size 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 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)

2
How to make the button behave better responsively?

You can make the button have better responsive behavior by using em paddings instead of px.

The em paddings will be smaller if you reduce the font size on tablet and mobile, so the button will look less large.

If your button has lots of text, it could also worth setting the left and right padding to 0, turning on the Full Width option and using Max Width to set the size of the button.

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