How do I use the Button element?

Add Button

  • Drag the Button element from the Main Toolbar onto your website
  • Select the desired button

 

Edit Button

  • Change Text:
    Select the desired button. In the Right Toolbar, under the Button tab, enter your buttons Text.
  • Add Link:
    Select the desired button. In the Right Toolbar, under the Button tab, go for URL. Click the Pencil for Editing to add a link to the button.
  • Add Item Icon:
    Select the desired button. In the Right Toolbar, under the Button tab, go for Item icon. Click the Pencil for Editing to add an icon to the button. Once you've picked an icon you will see the Position function that allows you to align the icon left or right.
  • Text Font:
    Select the desired button. In the Right Toolbar, under the Button tab, go for Font. Click the Pencil for Editing to change the font and font size of the button.

 

Customize Button

A button has three states:

  • Default:
    The button is neither clicked nor is the mouse positioned over it. In the Right Toolbar, under the Button tab, you will find the tab Default. Here you can define the style, color, background, border and shadow.
  • Hover:
    In this state, the mouse is positioned over the button, but it is not clicked. In the Right Toolbar, under the Button tab, you will find the tab Hover. Here you can define the style, color, background and shadow that the button takes on as soon as the mouse is over it.
  • Active:
    The button is clicked. In the Right Toolbar, under the Button tab, you will find the tab Active. Here you can define the style, color, background and shadow that the button adopts as soon as it gets clicked.
  • Homepage Baukasten, Website Builder
  • 0 Users Found This Useful
Was this answer helpful?