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 or italic, 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):

  • 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: