Message Box Presets:

Success.
Shape: Square,
Style: Standard;
Icon:
Font Awesome;

Choosing the preset, icon and color is set automatically.

Error.
Shape: Square,
Style: Standard;
Icon:
Font Awesome;

Choosing the preset, icon and color is set automatically.

Informational.
Shape: Square,
Style: Standard;
Icon:
Font Awesome;

Choosing the preset, icon and color is set automatically.

Waring.
Shape: Square,
Style: Standard;
Icon:
Font Awesome;

Choosing the preset, icon and color is set automatically.

Message Box Presets:

Inforational Classic

Shape: Square,
Style: Standard;
Icon: Pixel;
Choosing the preset, icon and color is set automatically.

Warning Classic

Shape: Square,
Style: Standard;
Icon: Pixel;
Choosing the preset, icon and color is set automatically.

Error Classic

Shape: Square,
Style: Standard;
Icon: Pixel;
Choosing the preset, icon and color is set automatically.

Success Classic

Shape: Square,
Style: Standard;
Icon: Pixel;
Choosing the preset, icon and color is set automatically.

Message Box Presets: Custom

Custom
Shape: Rounded,
Style: Solid;
Icon: Pixel;

Custom
Shape: Rounded,
Style: Solid Icon;
Icon: Pixel;

Custom
Shape: Round,
Style: Outline;
Icon: Pixel;

Custom
Shape: Rounded,
Style: 3D;
Icon: Linecons;

GENERAL SETTINGS

“Message Box“ add noticeable message to your website in order to show success, error, warning etc.

Param name
Description
Message Box Presets Select predefined message box designs or choose «Custom» for custom styling.
Style Message box style: Solid, Solid Icon, Outline, 3D;
Shape Message box shape: Square, Rounded, Round;
Color Select message box color — both: predifined and custom colors;
Icon library Select icon library: Font Awesome; Open Iconic; Typicons; Entypo; Linecons; Mono Social; Material
Icon Select icon from library.
Message text Add/Edit content using WYSIWYG editor TinyMCE
CSS animation Choose, preview (clicking “animate it”) and add animation.
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 here

 

(c) WPBakery KNOWLEDGE BASE

Each preset has automatic default backgorund color and icon which can be chaned ;

Icon size is set by default depending on icon library chosen. No option to enlarge or reduce the size. If you need to change it add class to measage bosx an assign css rule accordingly;