Predefined message boxes

Warning! This is a sample of the ‘message’ style message box shortcode. To use this style use the following shortcode:
Get the code

<strong>Warning!</strong> This is a sample of the ‘message’ style message box shortcode.

 

Heads up! This is a sample of the ‘info’ style message box shortcode. To use this style use the following shortcode:
Get the code

<strong>Heads up!</strong> This is a sample of the ‘info’ style message box shortcode.

 

Well done! This is a sample of the ‘success’ style message box shortcode. To use this style use the following shortcode:
Get the code

<strong>Well done!</strong> This is a sample of the ‘sucess’ style message box shortcode.

 

Oh snap! This is a sample of the ‘error’ style message box shortcode. To use this style use the following shortcode:
Get the code

<strong>Oh snap!</strong> This is a sample of the ‘error’ style message box shortcode.

 

Use with buttons

Oh snap! You got an error!

Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Take this action…or do this

Get the code

This is a sample of the ‘error’ style message box shortcode.

 

Costom messages

Default

Here’s an example an a custom message box. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae orci elit, nec sollicitudin nisl. Praesent quis tellus non lectus auctor auctor.
Get the code

Here’s an example an a custom message box.

 

Left alignment

Here’s an example an a custom message box with left alignment. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae orci elit, nec sollicitudin nisl. Praesent quis tellus non lectus auctor auctor.

 

Center alignment

Here’s an example an a custom message box with center alignment. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae orci elit, nec sollicitudin nisl. Praesent quis tellus non lectus auctor auctor.

 

Right alignment

Here’s an example an a custom message box with right alignment. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae orci elit, nec sollicitudin nisl. Praesent quis tellus non lectus auctor auctor.

List of possible attributes:

  • close – Show dismiss button? (true, false)
  • width – Custom message width
  • height – Custom message height
  • bgcolor – Custom message background color
  • color – Custom message text color
  • border – Custom message border color
  • align – Custom message alignment
Get the code

Here’s an example an a custom message box with right alignment.