Callout Box

Information Callout

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words

Warning Callout

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words

Danger Callout

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words

Success Callout

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words

Shortcode:

[sp-callout icon="icon-info"]There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words[/sp-callout]

Options:

  • type alert-info / alert-warning / alert-danger / alert-success
  • title The title you want for your callout box.
  • icon Icon class name to show next to title. Refer to your theme documentations for a list of icon fonts.
  • custom_class Adds additional class so you can manipulate the styles for just this slider.

Image Link Box

Shortcode:

[sp-imagelinkbox link_text="Click Me" img=""]

Options:

  • url URL where the link links to.
  • img URL of the image you would like to show.
  • link_text The link text you would like to show.
  • custom_class Adds additional class so you can manipulate the styles for just this slider.

Light Box

Shortcode:

[sp-lightbox title="" url="" thumbnail="" group=""]

Options:

  • title Sets the title of the link.
  • url URL of the full size image your would like to expand to.
  • group Set a name for the group you would like to show in lightbox together.
  • poster_size large / small When using video like Youtube or Vimeo, it sets the size of poster image to load.
  • thumbnail Thumbnail of the image before lightbox opens.
  • custom_class Adds additional class so you can manipulate the styles for just this slider.