Button Element

This Article Is For:

  • All users who have access to one/all of the following: pages, blogs, contests, and sidebars
  • This is applicable to: All themes

These are the instructions for filling out the 'Button' element.

Step-by-step guide:

  1. Text: The text that will display on your button
  2. Style: Select a button design style. Choose from: Modern, Classic, Flat, Outline, 3D, Custom, Outline Custom, Gradient, Gradient Custom.
  3. Shape: Select a message box shape. Choose from: Square, Rounded, Round
  4. Color: Select color schema using the drop-down
  5. Size: Select a button display size. Choose from: Mini, Small, Normal, Large
  6. Alignment: Select button alignment. Choose from: Inline, Left, Right, Center
  7. Add Icon: Choose yes, if you'd like to add an icon
  8. Icon Alignment: Select an icon alignment. Choose from: Left or Right
  9. Icon Library: Select a type of icon set (similar to a style of emoji)
  10. Icon: The options for the icon will change depending on what set you picked above
  11. Element ID: Enter element ID (Note: make sure it is unique and valid according to w3c specification).
  12. Extra Class Name: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.
  13. Advanced On Click Action: Select yes if you want to Insert inline onclick javascript action.