Text blocks

Image Background

[dt_gap height=”10″ /]

Nunc id viverra dui. Nullam tincidunt sapien nisl blandit fringilla purus, at suscipit diam suscipit id felis.

[dt_gap height=”75″ /]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Text Block”

General tab

CSS Animation: fadeIn

Design Options tab

Border: #515151, Solid

Background color: rgba(214,214,214,0.6)

Background image: armada286.jpg, cover

Padding: 40px 50px 140px 50px

Border: 0[dt_gap height=”10″ /]

Image Background

[dt_gap height=”10″ /]

Nullam tincidunt sapien nisl, vel vulputate metus lorem ipsum dolor commodo vitae. Aenean idopa felis.

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Text Block”

General tab

CSS Animation: fadeIn

Design Options tab

Border: #eaeaea, Solid

Background color: rgba(0,0,0,0.8)

Background image: armada286.jpg, cover

Padding: 118px 30px 118px 30px

Border: 15px[dt_gap height=”10″ /]

Double Border

[dt_gap height=”10″ /]

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

GET SETTINGS

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]

Double Border

[dt_gap height=”10″ /]

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

GET SETTINGS

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]

Groove Border

[dt_gap height=”10″ /]

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

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]

Inset Border

[dt_gap height=”10″ /]

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

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]

Solid Border

[dt_gap height=”10″ /]

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

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]

Dotted Border

[dt_gap height=”10″ /]

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

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]

Initial Border

[dt_gap height=”10″ /]

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

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]

Inherit Border

[dt_gap height=”10″ /]

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

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]

Outset Border

[dt_gap height=”10″ /]

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

GET SETTINGS

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]

Dashed Border

[dt_gap height=”10″ /]

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

GET SETTINGS

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]

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

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]

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

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]

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

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]

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

[dt_gap height=”10″ /]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[dt_gap height=”10″ /]