Classic Style

Rounded Shape

Button on the left

Button and Icon are configured in separate tabs after adding icon/button set to be added. Text in the Call to Action block can be aligned left, right, center or justified.

Flat Style

Square Shape

Button in the bottom

Call to action block has an option to add button and icon and place it in top, left, bottom or right. Icon can be placed on the border of the block.

There is heading (h2) and subheading (h4).

Outline Style

Square Shape

Button on the riight

Button and Icon are configured in separate tabs after adding icon/button set to be added. Text in the Call to Action block can be aligned left, right, center or justified.

Custom Style

Round Shape

Heading and Subheading are linked

In order to assign link to heading and subheading, check «Use custom fonts» on the right, and «Heading» and «Subheading» tabs will appear.

Square Shape

Icon is linked

This image has been inserted via text editor

3D Style

Square Shape

Button in the bottom

GENERAL SETTINGS

Call to Action

 
Create call to action block with heading, text, button and control its styling.
Param name
Description
Heading Enter text for heading line.
Subheading Enter text for subheading line.
Use Custom font for Heading? Adds option to set Custom font to Heading and assign link.
Use Custom font for Subheading? Adds option to set Custom font to Subheading and assign link.
Text alignment Select text alignment in «Call to Action» block: right, left, center, justify;
Shape Select call to action shape: Round, Rounded, Square
Style Select call to action display style: Classic, Flat, Outline, 3D, Custom;
Color Select color of the Call to Action.
Note: Available if «Style» is not «Custom».
Background color Select color for background with color picker.
Note: Available if «Style» is set to «Custom».
Text color Select color for text with color picker.
Note: Available if «Style» is set to «Custom».
Text Add/Edit text of call to action block using WYSIWYG editor TinyMCE, add images, shortcodes
Width Select call to action width (percentage).
Add button? Add button to Call to Action. Control position, alignment, style, color etc.
Add icon? Add icon to Call to Action. Control position, alignment, background, color etc.
CSS animation Choose, preview (clicking “animate it”) and add animation.
Element ID Add unique element ID (Note: make sure it is unique and valid according to w3c specification).
Extra class name Add class name in order to refer to this element in CSS.
Design Options Control borders, background and other styling options.  Preview details herec

(c) WPBakery KNOWLEDGE BASE