Teasers, Callouts and Boxes

Teasers

Teaser with Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam imperdiet rutrum pharetra. Phasellus consectetur suscipit metus, sed facilisis elit fermentum nec.

Get in touch with us!!

Teaser with Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam imperdiet rutrum pharetra. Phasellus consectetur suscipit metus, sed facilisis elit fermentum nec.

This one doesn’t has buttons.

Teaser with Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam imperdiet rutrum pharetra. Phasellus consectetur suscipit metus, sed facilisis elit fermentum nec.

Get in touch with us!!

You can use without any image too

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam imperdiet rutrum pharetra. Phasellus consectetur suscipit metus, sed facilisis elit fermentum nec.

Teaser Box

This is the default Teaser Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam imperdiet rutrum pharetra. Phasellus consectetur suscipit metus, sed facilisis elit fermentum nec.

You can use buttons with icons!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam imperdiet rutrum pharetra. Phasellus consectetur suscipit metus, sed facilisis elit fermentum nec.

WOW! You can use this minimal style instead.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam imperdiet rutrum pharetra. Phasellus consectetur suscipit metus, sed facilisis elit fermentum nec.

Callouts

Use this callout to long text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

And this to short text

You can customize everything, button color, size, title and more!

Minimal Callout Style!

Lorem ipsum dolor sit amet, consectetur.

Box Styled

You can use any shortcode inside

This box has other style and Google Fonts

Get the Code

[xt_teaser img="http://xiaodemo.staging.wpengine.com/xtshortcodes/files/2013/02/City-Sky.jpg"]
<h2>Teaser with Image</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam imperdiet rutrum pharetra. Phasellus consectetur suscipit metus, sed facilisis elit fermentum nec.</p>
[xt_button href="#"]Get in touch with us!![/xt_button]
[/xt_teaser]
[xt_teaser_box title="This is the default Teaser Box"]
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam imperdiet rutrum pharetra. Phasellus consectetur suscipit metus, sed facilisis elit fermentum nec.</p>
[/xt_teaser_box]
[xt_callout title="Use this callout to long text" href="#" btntext="Sign Up Now!" icon="tags" btnpos="bottom"]
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
[/xt_callout]
[xt_callout style="minimal" title="Minimal Callout Style!" href="#" btntext="Sign Up Now!" icon="tags" btnstyle="flat" btnsize="large" btncolor="blue" target="_blank" btnpos="right"]
<p>Lorem ipsum dolor sit amet, consectetur.</p>
[/xt_callout]
[xt_styled_box style="2"]
[xt_gfont font="Snowburst One" size="42px"]This box has other style and Google Fonts[/xt_gfont]
[/xt_styled_box]

Shortcode Options

  • Use unlimited in any page or post you want
  • Different styles and combination
  • Support to any kind of content inside