Call To Action

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

Layouts:

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

Modern Layout:

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.

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 font size - Please, enter icon font size with units.
  • 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 font size - Please, enter icon font size with units.
  • Icon position - Please, select the alignment of the icon.

How to customize typography you can check in Typography Settings Category:

Classic Layout:

Content Settings:

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 the font title for the Call To Action section.

Icon Settings:

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 font size - Please, enter icon font size with units.
  • Icon position - Please, select the alignment of the icon.

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 font size - Please, enter icon font size with units.
  • 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 font size - Please, enter icon font size with units.
  • Icon position - Please, select the alignment of the icon.

How to customize typography you can check in Typography Settings Category: