Information boxes

November 7th, 2012 in Shortcodes documentation

Style I

Example screenshot

Example code

[content_box style="gray-box" title="Box title here ..."]
Information boxes content here ...
[/content_box]

Shortcode usage

Copy & paste the code above inside your pages or posts. To change the style of the information box, add one of the following to the style=”” tag:

  • gray-box – create a gray information box
  • yellow-box – create a yellow information box
  • blue-box – create a blue information box

You can modify the padding of each content box by adding in the shortcode style=”” tag one of the following values: padding30, padding20, padding30.

Style II

Example screenshot

Example code

[info_box style="green"]
Use multiple style declarations to achieve something like this.
[/info_box]

Shortcode usage

Copy & paste the code above inside your pages or posts. To change the style of the information box, add one of the following to the style=”” tag:

  • green – create a green information box style II
  • orange – create an orange information box style II
    Hummingbird Web Solutions Pvt Ltd. Copyright © 2014. Premium WordPress Themes - Terms & Conditions