Call to Action shortcode is one of the shortcodes available in the Ken theme which you can take advantage of. To see a live demo of this feature please click here.
In this article, we will explain how to display the Call to Action shortcode and configure the settings.
Displaying a Call to Action Shortcode
To add the Call to Action shortcode to a page or post, follow the steps below:
Configuring the Call to Action Shortcode Settings
After you add this shortcode, a pop-up window will appear in which you can adjust the options before adding it to the page. The following is a detailed description of each option for this shortcode:
| Setting | Description |
|---|---|
| Box Style | Use this option to set the style of the call to action box. Available options are Default and Custom. |
| Layout Style | Use this option to set the layout style of this shortcode. Available options are Expanded and Centered. |
| Box Border Width | Use this option to set the thickness of the border of the call to action box. |
| Button Border Width | Use this option to set the thickness of the border of the call to action button. |
| Box Background Color | Use this option to set the background color of the call to action box. |
| Box Border Color | Use this option to set the color of the call to action box border. |
| Text Color | Use this option to set the color of the call to action description text. |
| Font Size | Use this option to set the font size of the call to action description text. |
| Font Weight | Use this option to set the font weight of the call to action description text. Available options are Default, Semi Bold, Bold, Bolder, Normal and Light. |
| Text Transform | Use this option to set the call to action description text case. Available options are Default, None, Uppercase, Lowercase and Capitalize. |
| Content Text | Use this option to add a description text to this shortcode. |
| Button Text | Use this option to add the text of the button. If you don’t want to have a button for the shortcode, keep this option blank. |
| Button Style | Use this option to set the style of the button. Available options are Outline and Flat. |
| Button Skin | Use this option to set the background color for the button. |
| Hover State Skin | Use this option to set the text and icon color for the button on mouseover. |
Extra Class Name
This is an option which is common amongst most shortcodes. If you wish to style a particular content element differently, then use this field to add a class name and then refer to it in the Custom CSS settings inside Theme Settings -> Custom CSS.
