Button

Adding a Button

Button can be placed into different blocks of a page via Drag & Drop.

• In the Site Editor, hover over the left sidebar and click Build:

• Find the Button in features:

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