Double Border

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

GET SETTINGS

VC Element: “Text Block”

General tab

CSS Animation: fadeIn

Design Options tab

Border: #b28df4, Ridge

Background color: rgba(255,255,255,0.01)

Background image: [none]

Padding: 30px

Border: 10px

Double Border

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

GET SETTINGS

VC Element: “Text Block”

General tab

CSS Animation: fadeIn

Design Options tab

Border: #0896e1, Double

Background color: #ffffff

Background image: [none]

Padding: 30px

Border: 10px

Groove Border

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

GET SETTINGS

VC Element: “Text Block”

General tab

CSS Animation: fadeIn

Design Options tab

Border: #5df1f9, Groove

Background color: #00d3df

Background image: [none]

Padding: 30px

Border: 15px

Inset Border

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

GET SETTINGS

VC Element: “Text Block”

General tab

CSS Animation: fadeIn

Design Options tab

Border: #b28df4, Inset

Background color: #9067db

Background image: [none]

Padding: 30px

Border: 15px

Solid Border

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

GET SETTINGS

VC Element: “Text Block”

General tab

CSS Animation: fadeIn

Design Options tab

Border: #0896e1, Solid

Background color: #ffffff

Background image: [none]

Padding: 30px

Border: 5px

Dotted Border

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

GET SETTINGS

VC Element: “Text Block”

General tab

CSS Animation: fadeIn

Design Options tab

Border: #00d3df, Dotted

Background color: #ffffff

Background image: [none]

Padding: 32px

Border: 2px

Initial Border

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

GET SETTINGS

VC Element: “Text Block”

General tab

CSS Animation: fadeIn

Design Options tab

Border: #b28df4, Initial

Background color: #9067db

Background image: [none]

Padding: 30px

Border: 8px

Inherit Border

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus, at suscipit diam suscipit id felis.

GET SETTINGS

VC Element: “Text Block”

General tab

CSS Animation: fadeIn

Design Options tab

Border: #52bef7, Inherit

Background color: #0896e1

Background image: [none]

Padding: 30px

Border: 5px

Outset Border

Nunc id viverra dui. Nullam tincidunt commodo vitae. Aenean blandit fringilla purus at suscipit id felis.

GET SETTINGS

VC Element: “Text Block”

General tab

CSS Animation: fadeIn

Design Options tab

Border: #52bef7, Outset

Background color: #0896e1

Background image: [none]

Padding: 30px

Border: 8px

Dashed Border

Nunc id viverra dui. Nullam tincidunt sapien nisl, vel vulputate metus commodo vitae. Aenean blandit fringilla purus.

GET SETTINGS

VC Element: “Text Block”

General tab

CSS Animation: fadeIn

Design Options tab

Border: #5df1f9, Dashed

Background color: #00d3df

Background image: [none]

Padding: 30px

Border: 5px

Informational message box

Praesent vitae hendrerit neque. Cras pulvinar feugiat malesuada. Etiam posuere leo eu massa volutpat scelerisque. Donec id blandit nunc. Integer pellentesque consequat ante, eget condimentum enim vehicula eget. Morbi sagittis tempor eleifend. Curabitur sed sem nec erat tincidunt tempor. Quisque sagittis condimentum consequat.

GET SETTINGS

VC Element: “Message Box”

Message Box Presets: Custom

Style: Solid icon

Shape: Rounded

Color: Blue

Icon library: Linecons

Icon: [select an icon]

Message text: [some content]

CSS Animation: fadeIn

Nice message box

Praesent vitae hendrerit neque. Cras pulvinar feugiat malesuada. Etiam posuere leo eu massa volutpat scelerisque. Donec id blandit nunc. Integer pellentesque consequat ante, eget condimentum enim vehicula eget. Morbi sagittis tempor eleifend. Curabitur sed sem nec erat tincidunt tempor. Quisque sagittis condimentum consequat.

GET SETTINGS

VC Element: “Message Box”

Message Box Presets: Custom

Style: 3D

Shape: Square

Color: Green

Icon library: Linecons

Icon: [select an icon]

Message text: [some content]

CSS Animation: fadeIn

Nice message box

Praesent vitae hendrerit neque. Cras pulvinar feugiat malesuada. Etiam posuere leo eu massa volutpat scelerisque. Donec id blandit nunc. Integer pellentesque consequat ante, eget condimentum enim vehicula eget. Morbi sagittis tempor eleifend. Curabitur sed sem nec erat tincidunt tempor. Quisque sagittis condimentum consequat.

GET SETTINGS

VC Element: “Message Box”

Message Box Presets: Custom

Style: Outline

Shape: Square

Color: Error

Icon library: Linecons

Icon: [select an icon]

Message text: [some content]

CSS Animation: fadeIn

Nice message box

Praesent vitae hendrerit neque. Cras pulvinar feugiat malesuada. Etiam posuere leo eu massa volutpat scelerisque. Donec id blandit nunc. Integer pellentesque consequat ante, eget condimentum enim vehicula eget. Morbi sagittis tempor eleifend. Curabitur sed sem nec erat tincidunt tempor. Quisque sagittis condimentum consequat.

GET SETTINGS

VC Element: “Message Box”

Message Box Presets: Custom

Style: Standard

Shape: Square

Color: Warning Classic

Icon library: Linecons

Icon: [select an icon]

Message text: [some content]

CSS Animation: fadeIn