Panels

[columnContainer border=”yes”]

[column span=”span12″]

Panel Header

Add a panel header anywhere in your content. The Panel header shortcode accepts the following attributes:

  • icon
  • tip
  • link
  • target

[panelHeader tip=”View a complete list of bootstrap configurations” link=”#” icon=”icon-cogs”]This is a panel header[/panelHeader]
(panelHeader tip=”View a complete list of bootstrap configurations” link=”#” icon=”icon-cogs”)This is a panel header(/panelHeader)
[/column]

[/columnContainer]

[columnContainer border=”yes”]

[column span=”span12″]

Single Post

Add a single post anywhere in your content or widget. The Single Post shortcode accepts the following attributes:

  • id (post id)

[singlePost id=”93″ /]
(singlePost id=”93″ /)
[/column]

[/columnContainer]

[columnContainer border=”yes”]

[column span=”span4″]

Image Panel

Add an interactive image anywhere in your content or widget. The Image Panel shortcode accepts the following attributes:

  • title
  • link
  • icon
  • image
  • tip

[imagePanel title=”Donate For Children” tip=”Make a donation today!” link=”/hope/donations” icon=”icon-heart” image=”https://foblbryanston.co.za/wp-content/uploads/2013/09/iStock_000012753707_Small1.jpg”][/imagePanel]

(imagePanel title=”Donate For Children” tip=”Make a donation today!” link=”/hope/donations” icon=”icon-heart” image=”https://foblbryanston.co.za/wp-content/uploads/2013/09/iStock_000012753707_Small1.jpg”)(/imagePanel)

[/column]

[/columnContainer]

[columnContainer]

[column span=”span12″]

Percentage Bar

Add a percentage bar anywhere in your content. The Percentage Bar shortcode accepts the following attributes:

  • percentage

[progressBar percentage=”50%” /]
(progressBar percentage=”50%” /)
[/column]

[/columnContainer]

 

[columnContainer fullscreen=”on” bgimage=”https://foblbryanston.co.za/wp-content/uploads/2013/09/kids-bg.jpg”]
[column span=”span12″]

[callToAction]Full Width Layout[/callToAction]

Add stunning full width columns to your website. You can add a background image or even a google map.
(columnContainer fullscreen=”on” bgimage=”https://foblbryanston.co.za/wp-content/uploads/2013/09/kids-bg.jpg”)(/columnContainer)

[button type=”large” color=”green”]This is a large button[/button]
[/column]
[/columnContainer]

[columnContainer]

[column span=”span12″]

Full Screen Column Container

(fullScreenContainer bgcolor=”#FFFFFF”)(/fullScreenContainer)

[/column]

[/columnContainer]

[fullScreenContainer]

[/fullScreenContainer]

[columnContainer]

[column span=”span12″]

Get Creative with different layout possibilities using these powerful Shortcodes combined with Bootstrap Column shortcodes.

[/column]

[/columnContainer]

Leave a Reply

Designed by Cartmell