We use cookies to offer you a better browsing experience, analyse traffic and personalise content. Read how we use your data in our privacy policy.

Message

Colored message blocks, to emphasize part of your page

Features

  • Optional header bar
  • Optional close button
  • Four different sizes

  • Choice of standard or custom colors
  • Custom colorise header and footer, opacity supported
  • Individual font and style settings

Example

Hello World

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

Header

With Header - choose whether to display the message with or without header
With Close Button - choose whether to include a close button in the header
Header Text - enter the header text here

Sizes

You can choose between four different sizes: default, small, medium and large.

Standard Colors

Choose from the ten standard color schemes

Black

Dark

Light

White

Primary

Info

Success

Warning

Danger

Custom Colors

In addition to the standard colors, you can custom colorise your message. Opacity is supported.

Header Text

Message Content

Drop any stack here as the main content.