Styled Boxes

Framed Box

Parameters

  • width : in px or %
  • height
  • bgColor : optional
  • borderColor : optional
  • borderThickness : optional
  • textColor : optional
  • rounded : true / false
  • align : left, right, center
  • class : optional

Shortcode Option Panel

Framed Box Shortcode Options Panel
Framed Box Shortcode Options Panel

Lorem ipsum dolor

neque erat aliquam nisl, sed porta ipsum libero feugiat odio. Duis faucibus ipsum a elit mattis quis pharetra felis pharetra.

Lorem ipsum dolor

Nam facilisis purus a ligula commodo dapibus. Sed malesuada rutrum erat, id faucibus lacus consectetur ac.

[framed_box]your content[/framed_box]

Message Boxes

Parameters

  • class : optional

Shortcode Option Panel

Message Box Shortcode Option Panel
Message Box Shortcode Option Panel

Info

This is a paragraph in info box and a link.
[info]your info message[/info]

Success

This is a paragraph in success box and a link.
[success]your success message[/success]

Error

This is a paragraph in error box and a link.
  1. message1
  2. message2
[error]your error message title[/error] [error_msg] <ol> <li>message1</li> <li>message2</li> </ol> [/error_msg]

Notice

This is a paragraph in notice box and a link.
[notice]your notice message[/notice]

Note Box

Parameters

  • title : optional
  • align : left, right, center
  • width : in pixels
  • class : optional

Shortcode Option Panel

Notebox Shortcode Options Panel
Notebox Shortcode Options Panel

Note:

This is a paragraph in note box.
[note title="Note:"] This is a paragraph in note box. [/note]

Note:

Cras ipsum eros, feugiat eget, porta sit amet eros. Ut mi in nulla porta at ipsum rutrum. Pellesque utate eleifend ultricies.

Cras ipsum eros, feugiat eget, porta sit amet eros. Ut mi in nulla porta at ipsum rutrum. Pellesque utate eleifend ultricies. Phasellus ornare risus sed nibh rutrum mollis. Nunc faucibus, ipsum vitae gravida euismod, nisi ante volutpat nisi, non aliquam justo mauris a nulla.

Nam justo risus, dignissim sed laoreet ut, fermentum ac nunc. Vestibulum quis urna libero, a venenatis risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse mollis sollicitudin sem, a sagittis mi pellentesque et.

Cras ipsum eros, feugiat eget, porta sit amet eros. Ut mi in nulla porta at ipsum rutrum. Pellesque utate eleifend ultricies. Phasellus ornare risus sed nibh rutrum mollis. Nunc faucibus, ipsum vitae gravida euismod, nisi ante volutpat nisi, non aliquam justo mauris a nulla.

Vestibulum quis urna libero, a venenatis risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse mollis sollicitudin sem, a sagittis mi pellentesque et.

[note title="Note:" align="right" width="250"] This is a paragraph in note box. [/note]