Call To Action 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 'Call To Action' element. This widget is used to catch visitor's attention.

General Settings:

  1. Heading: Enter text for heading line.
  2. Subheading: Enter text for subheading line.
  3. Text Alignment: Select text alignment in "Call to Action" block. Choose From: Left, Right, Center, Justify
  4. Shape: Select call to action shape. Choose from: Square, Rounded, Round.
  5. Style: Select call to action display style. Choose from: Classic, Flat, Outline, 3D, Custom
  6. Color: Select color schema using the drop-down
  7. Text: Using the text box, enter your promo text. You may also add media.
  8. Width: Select call to action width (percentage). Select from 50%-100%
  9. Add Button?: Add button for call to action. Select from: No, Top, Bottom, Left, Right
  10. Add Icon?: Add icon for call to action. Select from: No, Top, Bottom, Left, Right
  11. Element ID: Enter element ID (Note: make sure it is unique and valid according to w3c specification).
  12. Extra Class Name: style particular content element differently - add a class name and refer to it in custom CSS.

Button Settings:

  1. Text: Enter the text for your button
  2. Select URL: Click the 'Select URL' to link the button to a URL. Fill in the pop-up details.
  3. Title: This will display the 'link text' you entered in the pop-up window
  4. URL: This will display the URL link
  5. Style: Select button display style.Choose from: Modern, Classic, Flat, Outline, 3D, Custom, Outline Custom, Gradient, Gradient Custom
  6. Shape: Select button shape. Choose from: Rounded, Square, Round
  7. Color: Select button color using the drop-down menu
  8. Size: Select button display size. Choose from: Mini, Small, Normal, Large
  9. Alignment: Select button alignment. Choose from: Inline, Right, Left, Center
  10. Add Icon:
  11. Element ID: Enter element ID (Note: make sure it is unique and valid according to w3c specification).
  12. Extra Class Name: Style particular content element differently - add a class name and refer to it in custom CSS.
  13. Advanced On Click Action: Insert inline onclick javascript action.