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]