Modern Style

Classic Style

Flat Style

Outline Style

Custom Style

Outline Custom Style

Gradient Predefined Style

3D Style

Custom Gradient Style

Size: Large

Size: Normal

Size: Small

Size: Mini

GENERAL SETTINGS

Button

           
Add button with multiple color and styling options: Modern, Classic, Flat, Outline, 3D, Custom, Outline custom
Param name
Description
Text Text which will appear on the button.
Set full width button? Set button to full width within column.
Note: Available if «Alignment» is not «Inline».
Color Select color of the button.
Note: Available if «Style» is not «Custom».
Text color Select color for text on the button with color picker.
Note: Available if «Style» is set to «Custom».
Background color Select color for background of the button with color picker.
Note: Available if «Style» is set to «Custom».
Shape Select button shape: Round, Rounded, Square
Style Select button display style: Modern, Classic, Flat, Outline, 3D, Custom, Outline custom
Size Select button display size: Large, Normal, Small, Mini
Alignment Select button alignment: Left, Right, Center, Inline
Design Options Control borders, background and other styling options. Preview details here
URL (Link) Button link.
Element ID Add unique element ID (Note: make sure it is unique and valid according to w3c specification).
Add icon? Add icon to button from icon library. Control alignment of icon.
Extra class name Add class name in order to refer to this element in CSS.
CSS Animation Choose, preview (clicking “animate it”) and add animation.

(c) WPBakery KNOWLEDGE BASE

Modern, Classic and Flat styles look like the same;