Zion Builder

Appearance

Return to top
On this page

Button

Button element

General info

The button element allows you to add buttons to your pages.

General options

  1. Button text dynamic content - Set the desired button text
  2. Icon - Select an icon that will appear beside the text
  3. Link dynamic content - Set the desired URL that the button will point to. Read more about the link option here
  4. Button type - Select from a list of predefined button styles. You can have full control over the button styling by accessing the Style tab.
  5. Button shape - Select the desired button shape.
  6. Button size - Select the desired button size from a predefined list of button sizes.
  7. Full width - Choose yes if you want your button to have 100% width based on the available space.
  8. Button position responsive option - Select the desired button position. This option will only be visible if you set "Full size" option to "no".
  9. Icon position - Select the desired icon position. You can show the icon in all 4 sides of the button text.

Style options

TIP

Zion Builder elements allows you to style almost every part of an element. All style options follow the same options structure. You can find more info about style options here

  1. Wrapper - Will style the wrapper of the element.
  2. Button styles - Allows you to style the actual button
  3. Icon styles - Allows you to style the icon

Advanced options

TIP

All the options inside the advanced options tab are the same for all elements. You can find more info about advanced options here