Button Element

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.


    • Related Articles

    • Social Button Bar 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 Note: The 'Social Button Bar' element is for sharing (recommended for blogs, contests, and events) Not ...
    • Google+ 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 'Google+' element. This element connects with Google+, ...
    • Pinterest 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 'Pinterest' element. This element connects with ...
    • Section Element

      This is 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 Step-by-step guide Click on the  'Add Element' button Click on the 'Section' element This allows you ...
    • Tour 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 The 'Tour' element is similar to the 'Tabs' element, but is vertical instead of horizontal. It can be ...