Call To Action Element

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.

Related articles