Messages
Predefined message boxes
Warning! This is a sample of the ‘message’ style message box shortcode. To use this style use the following shortcode:
[alert-message]<strong>Warning!</strong> This is a sample of the ‘message’ style message box shortcode.[/alert-message]
Heads up! This is a sample of the ‘info’ style message box shortcode. To use this style use the following shortcode:
[alert-info]<strong>Heads up!</strong> This is a sample of the ‘info’ style message box shortcode.[/alert-info]
Well done! This is a sample of the ‘success’ style message box shortcode. To use this style use the following shortcode:
[alert-success]<strong>Well done!</strong> This is a sample of the ‘sucess’ style message box shortcode.[/alert-success]
Oh snap! This is a sample of the ‘error’ style message box shortcode. To use this style use the following shortcode:
[alert-error]<strong>Oh snap!</strong> This is a sample of the ‘error’ style message box shortcode.[/alert-error]
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
[alert-error]This is a sample of the ‘error’ style message box shortcode.[/alert-error]
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.
[custom_message]Here’s an example an a custom message box.[/custom_message]
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
[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]