Callout creates box styling around any text. Use it on any page or post, inside grid, section or column.

Shortcode

[callout][/callout]

Optional Parameters

bg

  • Type: string
  • Description:  Change the default callout background. Accepts 3 or 6 digit hex value with or without hash (#).
  • Example: [callout bg="ffe6e6"]

class

  • Type: string
  • Description:  Add additional HTML classes to the callout HTML. 
  • Example: [callout class="some-class another-class"]

id

  • Type: string
  • Description:  Add an HTML id to the callout HTML. 
  • Example: [callout id="my-column"]

style

  • Type: string
  • Description:  Add custom inline CSS styling to the callout HTML.
  • Example: [callout style="border: 5px solid rgba(0,0,0,0.4);"] 

Usage Examples

[callout]
<h2 class="text-xs-center">Get their attention</h2>
This is the landing page template,with a [[callout]] shortcode inside. This page template removes all navigation and widget areas, but leaves layout options, so you can have full-width, medium,or small content,and even keep sidebars if you want.
[/callout]
Did this answer your question?