Call To Action Element

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 : s tyle 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. Shap e : 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.



    • Related Articles

    • Hover Box 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: Critical information should not be contained in the hover box element as hover states do not work ...

    • 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 : Text: The text ...

    • Weather 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 SoCast 'Weather Element' receives weather updates from a third-party service called World Weather ...

    • 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 ...