Predefined message boxes

[info]This is a sample of the ‘info’ style message box shortcode. To use this style use the following shortcode:[/info] [toggle title="Get the code" hidden="true"] [[info]This is a sample of the ‘info’ style message box shortcode.[/info]] [/toggle]   [help]This is a sample of the ‘help’ style message box shortcode. To use this style use the following shortcode:[/help] [toggle title="Get the code" hidden="true"] [[help]This is a sample of the ‘help’ style message box shortcode.[/help]] [/toggle]   [success]This is a sample of the ‘success’ style message box shortcode. To use this style use the following shortcode:[/success] [toggle title="Get the code" hidden="true"] [[success]This is a sample of the ‘sucess’ style message box shortcode.[/success]] [/toggle]   [warning]This is a sample of the ‘warning’ style message box shortcode. To use this style use the following shortcode:[/warning] [toggle title="Get the code" hidden="true"] [[warning]This is a sample of the ‘warning’ style message box shortcode.[/warning]] [/toggle]   [error]This is a sample of the ‘error’ style message box shortcode. To use this style use the following shortcode:[/error] [toggle title="Get the code" hidden="true"] [[error]This is a sample of the ‘error’ style message box shortcode.[/error]] [/toggle]  

Costom messages

Default [custom_message]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] [toggle title="Get the code" hidden="true"] [[custom_message]Here’s an example an a custom message box.[/custom_message]] [/toggle]   Left alignment [custom_message width="50%" height="120px" color="white" align="left" bgcolor="#56B6DD" border="#369AC2"]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.[/custom_message]  

Center alignment

[custom_message width="50%" height="120px" color="white" align="center" bgcolor="#56B6DD" border="#369AC2"]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.[/custom_message]  

Right alignment

[custom_message width="50%" height="120px" color="white" align="right" bgcolor="#56B6DD" border="#369AC2"]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.[/custom_message] [divider type="type_1"] [info] List of possible attributes:

• 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="white" align="right" bgcolor="#56B6DD" border="#369AC2"]Here’s an example an a custom message box with right alignment.[/custom_message]] [/toggle]