Text blocks

Image Background

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

GET SETTINGS

VC Element: “Text Block”

Border: #515151, Solid

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

Background image: armada286.jpg, cover

Margin: 0

Border: 0

Padding: 40px 50px 140px 50px

CSS Animation: fadeIn

Image Background

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

GET SETTINGS

VC Element: “Text Block”

Border: #515151, Solid

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

Background image: armada286.jpg, cover

Margin: 0

Border: 0

Padding: 40px 50px 140px 50px

CSS Animation: fadeIn

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”

Border: #b28df4, Ridge

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

Background image: [none]

Margin: 0

Border: 10px

Padding: 30px

CSS Animation: fadeIn

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”

Border: #0896e1, Double

Background color: #ffffff

Background image: [none]

Margin: 0

Border: 10px

Padding: 30px

CSS Animation: fadeIn

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”

Border: #5df1f9, Groove

Background color: #00d3df

Background image: [none]

Margin: 0

Border: 15px

Padding: 30px

CSS Animation: fadeIn

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”

Border: #b28df4, Inset

Background color: #9067db

Background image: [none]

Margin: 0

Border: 15px

Padding: 30px

CSS Animation: fadeIn

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”

Border: #0896e1, Solid

Background color: #ffffff

Background image: [none]

Margin: 0

Border: 5px

Padding: 30px

CSS Animation: fadeIn

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”

Border: #00d3df, Dotted

Background color: #ffffff

Background image: [none]

Margin: 0

Border: 2px

Padding: 32px

CSS Animation: fadeIn

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”

Border: #b28df4, Initial

Background color: #9067db

Background image: [none]

Margin: 0

Border: 8px

Padding: 30px

CSS Animation: fadeIn

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”

Border: #52bef7, Inherit

Background color: #0896e1

Background image: [none]

Margin: 0

Border: 5px

Padding: 30px

CSS Animation: fadeIn

Outset Border

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

GET SETTINGS

VC Element: “Text Block”

Border: #52bef7, Outset

Background color: #0896e1

Background image: [none]

Margin: 0

Border: 8px

Padding: 30px

CSS Animation: fadeIn

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”

Border: #5df1f9, Dashed

Background color: #00d3df

Background image: [none]

Margin: 0

Border: 5px

Padding: 30px

CSS Animation: fadeIn

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 type: Informational

Style: Rounded

CSS Animation: fadeInLeft

Warning message box

GET SETTINGS

VC Element: “Message box”

Message box type: Warning

Style: Outlined

CSS Animation: fadeInRight

Success message box

GET SETTINGS

VC Element: “Message box”

Message box type: Success

Style: Square

CSS Animation: fadeInLeft

Error message box

GET SETTINGS

VC Element: “Message box”

Message box type: Error

Style: Square Outlined

CSS Animation: fadeInRight