Messages

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
[/info]

[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]

Leave a Reply