Predefined message boxes

This is a sample of the ‘info’ style message box shortcode. To use this style use the following shortcode:

 

This is a sample of the ‘help’ style message box shortcode. To use this style use the following shortcode:

 

This is a sample of the ‘success’ style message box shortcode. To use this style use the following shortcode:

 

This is a sample of the ‘warning’ style message box shortcode. To use this style use the following shortcode:

 

This is a sample of the ‘error’ style message box shortcode. To use this style use the following 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.

 

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:
  • 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 codeOpen or Close
    [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]

Fun & Learning