Call to Action

Call To Action Shortcode

This shortcode allows to add the section with call to action button to your page. 

Content Settings:

Here you can choose the layout (Modern or Classic).

Modern Style:

Heading - Here you can add the heading text for the Call To Action section.

Title tag - Please, select the title tag for the Call To Action section.

Use the custom font for the title? - Turn on switcher if you want to customize font title for the Call To Action section.

Title Typography:

If you turn on the switcher "Use custom font for title?" in Content Settings you can customize font for the title.
Text Color - Here you can select title color from the palette.
Typography items: 
  • Family - Here you can select the typography for the title.
  • Size - Here you can set up the title size.
  • Weight - Please, select the weight for the title.
  • Transform - This option allows to change the case of the text. 
  • Style - Please, select text style for the title.
  • Decoration - Please, select style for the title decoration.
  • Line-Height - Here you can enter a line height for the title.

Button Settings:

Add button? - Turn on the switcher if you want to add button to the current Call to Action section.

Button items:

  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in skin generator.
  • Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.
  • Add icon? - Turn on the switcher if you want to add the icon to the current button.

Icon Items:

  • Icon library - Please, select the library with the icons.
  • Icon position - Please, select the alignment of the icon.

Add additional button? - Turn on the switcher if you want to add additional button to the current Call to Action section.

Button items:

  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in skin generator.
  • Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.
  • Add icon? - Turn on the switcher if you want to add the icon to the current button.

Icon Items:

  • Icon library - Please, select the library with the icons.
  • Icon position - Please, select the alignment of the icon.

With Underline Style:

Heading - Here you can add the heading text for the Call To Action section.

Title tag - Please, select the title tag for the Call To Action section.

Use the custom font for the title? - Turn on switcher if you want to customize font title for the Call To Action section.

Title Typography:

If you turn on the switcher "Use custom font for title?" in Content Settings you can customize font for the title.
Text Color - Here you can select title color from the palette. 
Typography items: 
  • Family - Here you can select the typography for the title.
  • Size - Here you can set up the title size.
  • Weight - Please, select the weight for the title.
  • Transform - This option allows to change the case of the text. 
  • Style - Please, select text style for the title.
  • Decoration - Please, select style for the title decoration.
  • Line-Height - Here you can enter a line height for the title.

Icon Settings:

Add icon? - Turn on the switcher if you want to add the icon to the current Call to Action section.

Icon library - Please, select the icon library.

Icon - Select the icon from the current library.

Icon color - Please, select the icon color from the color palette.

Button Settings:

Add button? - Turn on the switcher if you want to add button to the current Call to Action section.

Button items:

  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in skin generator.
  • Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.
  • Add icon? - Turn on the switcher if you want to add the icon to the current button.

Icon Items:

  • Icon library - Please, select the library with the icons.
  • Icon position - Please, select the alignment of the icon.

Add additional button? - Turn on the switcher if you want to add additional button to the current Call to Action section.

Button items:

  • Layout - Please, select the button layout.
  • Name - Please, enter the button text.
  • Link - Please, add a URL to the button.
  • Style - Here you can select the button style (dark or light).
  • Size - Here you can select button size (small or large).
  • Type - Here you can select the button type (reverse or transparent).
  • Box shadow - This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in skin generator.
  • Enable Full width? - Turn on the switcher if you want to enable the full width to the current button.
  • Add icon? - Turn on the switcher if you want to add the icon to the current button.

Icon Items:

  • Icon library - Please, select the library with the icons.
  • Icon position - Please, select the alignment of the icon.