[callout parameters]My callout content[/callout]
Parameters
| Parameter | Description | Required | Values | Default |
|---|---|---|---|---|
| align | Alignment of button | left, center, right | ||
| title | Title of callout | any text | ||
| title_size | Text size of title | any number with unit (i.e. 1.5em) | ||
| title_color | Color of title | Any hex color or color name | ||
| title_margin | Margin around title | any number with unit (i.e. 5px) in format of: top right bottom left, i.e. ‘4px 2px 4px 2px’ | ||
| title_margin_top | Top margin on title | any number with unit (i.e. 5px) | ||
| title_margin_right | Right margin on title | any number with unit (i.e. 5px) | ||
| title_margin_bottom | Bottom margin on title | any number with unit (i.e. 5px) | ||
| title_margin_left | Left margin on title | any number with unit (i.e. 5px) | ||
| content_size | Text size of content | any number with unit (i.e. 1.5em) | ||
| href | URL to link the title and imagery to | yes | Any href or WordPress page ID number | |
| target | target of URL | _blank, _parent | ||
| padding | Padding | any number with unit (i.e. 5px) in format of: top right bottom left, i.e. ‘4px 2px 4px 2px’ | ||
| margin | Margin on callout itself | any number with unit (i.e. 5px) in format of: top right bottom left, i.e. ‘4px 2px 4px 2px’ | ||
| box_shadow | Dropshadow on callout | proper box-shadow css format (x position, y position, blur, color), i.e. 0 0 10px #000 | ||
| border | Border | proper border css format (width style color), i.e. 1px solid #000 | ||
| background_color | Background color | any hex color or color name | ||
| background_image | Background image | Any href or WordPress media ID number | ||
| animation_effect | Type of effect to apply to callout when it’s scrolled into view | yes | bounceIn bounceInUp bounceInDown bounceInLeft bounceInRight fadeInDownShort fadeInUpShort fadeInLeftShort fadeInRightShort fadeInDown fadeInUp fadeInLeft fadeInRight fadeIn growIn shake shakeUp rotateIn rotateInUpLeft rotateInDownLeft rotateInUpRight rotateInDownRight rollIn rollIn wiggle swing tada wobble pulse lightSpeedInRight lightSpeedInLeft flipFlip flipInX flipInY | |
| animation_speed | Speed of animation | slow, slower, slowest |
Photo Callouts
| Parameter | Description | Required | Values | Default |
|---|---|---|---|---|
| photo | Photo in callout | yes | Any href or WordPress media ID number | |
| photo_shape | Shape of photo | photo, wide, rectangle, square, circle | photo | |
| photo_position | Where to place the image. Defaults to ‘top’ if no value is set. | left, right |
Icon Callouts
| Parameter | Description | Required | Values | Default |
|---|---|---|---|---|
| icon | Icon in callout | yes | Any font class name, i.e. fa fa-facebook | |
| icon_shape | Shape of icon | circle, square | ||
| icon_position | Where to place the icon. Defaults to ‘top’ if no value is set. | left, right, title-left, title-right | ||
| icon_size | Size of icon | any number with unit (i.e. 20px) | ||
| icon_color | Color of icon | any hex color or color name | ||
| icon_hover_color | Hover color of icon | any hex color or color name | ||
| icon_background_color | Background color of icon | any hex color or color name | ||
| icon_backround_hover_color | Background hover color if icon | any hex color or color name |