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: