Button
Adding Button
Button can be placed into different blocks of a page via Drag & Drop.
1. In the
Site Editor, hover over the left sidebar and click
Build:
2. Find the Button in features:
3. Drag and drop the Button to the preferred area of the page:
Customizing a Button
Click a Button to display the editing menu:
and be able to:
- Make the button text bold, italic, underline or strikethrough, capitalize it, make it UPPERCASE or small caps:
- Select font for the Button text:
- Set font size and letter spacing:
- Align the Button to the left or to the right or place the Button in the center of the placeholder:
- Link the Button to a page on the site you are building, an external URL, a file, an email address, or a phone number:
- Select the type of the button: Primary Solid (color), Secondary Solid (color), Primary Outline (color), Secondary Outline (color), or Text:
- Switch the Hover Effects toggle on to apply the effect when you hover the mouse cursor over the Button (Fade Out, Scale, Shine, Shadow, Glow, Uplift):
- To change the size of the Button, hover on it, click, and drag to the desired size:
- Switch the Full-Width toggle on to stretch the button across the entire width of the column:
- To change the size of the Button, hover on it, click, and drag to the desired size:
- When selecting the Button type as Text, the Full-Width option is deactivated: