Callout Box

[sp-callout icon=”icon-info” title=”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[/sp-callout] [sp-callout title=”Warning Callout” type=”alert-warning”]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] [sp-callout title=”Danger Callout” type=”alert-danger”]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] [sp-callout title=”Success Callout” type=”alert-success”]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]

Shortcode:

[sp-code][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][/sp-code]

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

[sp-imagelinkbox link_text=”Click Me” img=”http://vizio.splashingpixels.com/wp-content/uploads/sites/16/2013/09/mens-banner.jpg”]

Shortcode:

[sp-code][sp-imagelinkbox link_text=”Click Me” img=””][/sp-code]

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

[sp-grid first=true span=4] [sp-lightbox title=”My Lightbox” url=”http://vizio.splashingpixels.com/wp-content/uploads/sites/16/2013/09/mens-gray-buttonup-1.jpg” thumbnail=”http://vizio.splashingpixels.com/wp-content/uploads/sites/16/2013/09/mens-gray-buttonup-1-250×295.jpg” group=”together”] [/sp-grid] [sp-grid span=4] [sp-lightbox title=”My Lightbox” url=”http://vizio.splashingpixels.com/wp-content/uploads/sites/16/2013/09/womens-buttonup-1.jpg” thumbnail=”http://vizio.splashingpixels.com/wp-content/uploads/sites/16/2013/09/womens-buttonup-1-250×295.jpg” group=”together”] [/sp-grid] [sp-grid span=4 last=true] [sp-lightbox title=”My Lightbox” url=”http://vizio.splashingpixels.com/wp-content/uploads/sites/16/2013/09/mens-plaid-buttonup-1.jpg” thumbnail=”http://vizio.splashingpixels.com/wp-content/uploads/sites/16/2013/09/mens-plaid-buttonup-1-250×295.jpg” group=”together”] [/sp-grid]

Shortcode:

[sp-code][sp-lightbox title=”” url=”” thumbnail=”” group=””][/sp-code]

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.