Home > Shortcodes > Messages

Messages

Predefined message boxes

Warning! This is a sample of the ‘message’ style message box shortcode. To use this style use the following shortcode:
[toggle title=”Get the code” hidden=”true”] [alert-message]<strong>Warning!</strong> This is a sample of the ‘message’ style message box shortcode.[/alert-message] [/toggle]  
Heads up! This is a sample of the ‘info’ style message box shortcode. To use this style use the following shortcode:
[toggle title=”Get the code” hidden=”true”] [alert-info]<strong>Heads up!</strong> This is a sample of the ‘info’ style message box shortcode.[/alert-info] [/toggle]  
Well done! This is a sample of the ‘success’ style message box shortcode. To use this style use the following shortcode:
[toggle title=”Get the code” hidden=”true”] [alert-success]<strong>Well done!</strong> This is a sample of the ‘sucess’ style message box shortcode.[/alert-success] [/toggle]  
Oh snap! This is a sample of the ‘error’ style message box shortcode. To use this style use the following shortcode:
[toggle title=”Get the code” hidden=”true”] [alert-error]<strong>Oh snap!</strong> This is a sample of the ‘error’ style message box shortcode.[/alert-error] [/toggle]  

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
[toggle title=”Get the code” hidden=”true”] [alert-error]This is a sample of the ‘error’ style message box shortcode.[/alert-error] [/toggle]  

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.
[toggle title=”Get the code” hidden=”true”] [custom_message]Here’s an example an a custom message box.[/custom_message] [/toggle]   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
[toggle title=”Get the code” hidden=”true”] [custom_message width="50%" height="100px" color="#468847" align="right" bgcolor="#dff0d8" border="#b94a48"]Here’s an example an a custom message box with right alignment.[/custom_message] [/toggle]