My Blog

My WordPress Blog
Subscribe

Message Box

There are 4 styles of alert messages; general, error, success and notice that can be used throughout the site. When the ‘x’ is clicked, the message gets close. These messages are also integrated into the contact form for users when they submit the form. Use with column short codes to control the width.

Message Box Style

[message_box align=”left” icon=”” close=”yes” color=”#999999″ background=”#fff” border_color=”#eeeeee” box_shadow_color=”#d9d9d9″ title=”Nulla adipiscing ipsum sit amet neque egestas sagittis”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc.[/message_box]

[message_box align=”left” icon=”fa-heart” close=”yes” color=”#999999″ background=”#fff” border_color=”#eeeeee” box_shadow_color=”#d9d9d9″ title=”Nulla adipiscing ipsum sit amet neque egestas sagittis”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc.
[button style=”small” type=”rounded” color=”#fff” background=”#88ae95″ src=”LINK_URL” target=”_blank”]Button Style[/button]

[/message_box]
[message_box align=”left” icon=”fa-heart” close=”yes” color=”#999999″ background=”#fff” border_color=”#eeeeee” box_shadow_color=”#d9d9d9″ title=”Nulla adipiscing ipsum sit amet neque egestas sagittis”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc.

[button style=”small” type=”rounded” color=”#fff” background=”#88ae95″ src=”LINK_URL” target=”_blank”]Button Style[/button]

[/message_box]

 

[message_box align=”left” icon=”fa-info-sign” close=”yes” color=”#00519c” background=”#bde7ff” border_color=”#00519c”]This is an info box. Many people tell me i’m handsome.[/message_box]

[message_box align=”left” icon=”fa-ok-sign” close=”yes” color=”#4a8a10″ background=”#def3bd” border_color=”#4a8a10″]This is an success box. Many people tell me i’m handsome.[/message_box]

[message_box align=”left” icon=”fa-warning-sign” close=”yes” color=”#9c6100″ background=”#ffefb5″ border_color=”#9c6100″ ]This is an warning box. Many people tell me i’m handsome.[/message_box]

[message_box align=”left” icon=”fa-remove-sign” close=”yes” color=”#de0008″ background=”#ffbabd” border_color=”#de0008″ ]This is an error box. Many people tell me i’m handsome.[/message_box]

[code title=”Message Box Shortcode goes here”]
[message_box align=”left” icon=”fa-info-sign” close=”yes” color=”#COLOR_CODE” background=”#COLOR_CODE” border_color=”#COLOR_CODE” title=”Message Title”]This is an info box. Many people tell me i’m handsome.[/message_box]
[/code]

Customization Options / Features

[list type=”tick” icon=”fa-ok”]
[list_item]Four different messages can be used; general, error, success, notice[/list_item]
[list_item]Messages can be inserted in any column width to control the size[/list_item]
[list_item]Other short codes inside the message box can be used.[/list_item]
[list_item]On any page unlimited text message can used.[/list_item]
[/list]

Comments are closed.