The button element is very useful for creating nice call to action buttons. To get started Add a button from the elements list.
- Button text is the actual text that’ll appear inside the button.
- Unless you do a custom style for your button, you can select from the predefined styling. The default styling for the buttons looks something like this.
Button default styles
- There are 3 sizes of buttons, below is a comparison of what they look like next to each other
Button sizes
- Button alignment shows how the button is aligned within the Column. Changing alignment to Block would extend the button to 100% width within the column.
Block Alignment
- Add a link and decide if you want the link to open in new window. You can also make it no follow for better SEO.
Link Options
- You can select from a bunch of different mouse over animations to see how it works.
- You can select a button Icon from the huge icons library.
Button Styling Options
- Button styling let’s you manage the color, hover color, padding, font size, family & other typography options.
Button Border
- Border options let you add multiple types of border and it’s depth.
- Border radius will give your button rounded corners.
- You can use Box Shadow to give your button a nice looking shadow.