Shortcodes

[column size=”three” first=”true”]
Column Layouts

Custom Image

Message Box Styles

Sliders
[/column]

[column size=”three”]
Default Buttons

Large Buttons

Medium Buttons

Small Buttons
[/column]

[column size=”three”]
Blockquote

Pullquote

List Styles and Dropcaps

Tables
[/column]

[column size=”three” last=”true”]
Accordian

Tabbed Text

Toggle Text

Contact Form and Map
[/column]


 

Testimonial ShortCode:


If you want to show only one testimonial you just have to add one id within the include argument. When you will add more than one id for testimonial post type separated by coma it will be a slider! See the live example below.

 

Very good service

5-stars 06-Dec-2009

I haven't been to Cruise in a few months, but I thought I should write about my experiences with Cruise. Quite simply, they were great! Even on busy days like game days when the whole ramp is full of airplanes, they're always a pleasure.

5-stars 09-Feb-2011

I flew in a month ago and the service was quick, considerate and didn't disappoint. Norman's well worth flying into and I wish we had some place like Ozzie's nearby for weekend morning fly-ins.

 

5-stars 17-Oct-2011

Good FBO. Low mileage courtesy car. Good directions to the college. Plane was fueled as requested. Helpful, pleasant and competent personnel.

 

 5-stars  11-Nov-2012

 

Slider1 ShortCode:


Using this shordcode you will be bale to add slideshow within page/post/sidebar. You have the flexibility to add specific slider category and limit the slider with number of slider argument. See the live example below.

 

[slider1 slider_category=”one” number_of_slider=”2″ ]

 

Slider2 ShortCode:


If you want to show different type of slideshow then use this shortcode. It is just like the slider1 but it shows the slider in a different way. See the live example below…

 

[slider2 slider_category=”one” number_of_slider=”2″ ]


Column Layouts

[column size=”three” first=”true”]
One Fourth
1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

[column size="three" first="true"]
  Your content here...
[/column]

[/column]

[column size=”three”]
One Fourth
2Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

[column size="three"]
  Your content here...
[/column]

[/column]

[column size=”three”]
One Fourth
3Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

[column size="three"]
  Your content here...
[/column]

[/column]

[column size=”three” last=”true”]
One Fourth
4Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

[column size="three" last="true"]
  Your content here...
[/column]

[/column]


[column size=”three” first=”true”]
One Fourth
1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pretium.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, venenatis. aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

[column size="three" first="true"]
  Your content here...
[/column]

[/column]

[column size=”nine” last=”true”]
Three Fourth
2Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

[column size="nine" last="true"]
  Your content here...
[/column>]

[/column]


[column size=”four” first=”true”]
One Third
1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.

[column size="four" first="true"]
  Your content here...
[/column]

[/column]

[column size=”four”]
One Third
2Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.

[column size="four"]
  Your content here...
[/column]

[/column]

[column size=”four” last=”true”]
One Third
3Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.

[column size="four" last="true"]
  Your content here...
[/column]

[/column]


[column size=”eight” first=”true”]
Two Third
1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.

[column size="eight" first="true"]
  Your content here...
[/column]

[/column]

[column size=”four” last=”true”]
One Third
2Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

[column size="four" last="true"]
  Your content here...
[/column]

[/column]


[column size=”six” first=”true”]
One Half
1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.

[column size="six" first="true"]
  Your content here...
[/column]

[/column]

[column size=”six” last=”true”]
One Half
2Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.

[column size="six" last="true"]
  Your content here...
[/column]

[/column]


[column size=”three” first=”true”]
One Fourth
1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

[column size="three" first="true"]
  Your content here...
[/column]

[/column]

[column size=”three”]
One Fourth
2Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

[column size="three"]
  Your content here...
[/column]

[/column]

[column size=”six” last=”true”]
Two Fourth
3Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

[column size="six" last="true"]
  Your content here...
[/column]

[/column]


[column size=”six” first=”true”]
One Fourth
1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

[column size="six" first="true"]
  Your content here...
[/column]

[/column]

[column size=”three”]
One Fourth
2Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

[column size="three"]
  Your content here...
[/column]

[/column]

[column size=”three” last=”true”]
One Fourth
3Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nullam dictum felis eu pede mollis pretium.

[column size="three" last="true"]
  Your content here...
[/column]

[/column]

 


Custom Image Frame with Left Alignment

[custom_frame_left ]

[/custom_frame_left]

[ custom_frame_left ]

[/custom_frame_left ]

 

Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn’t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.


[custom_frame_right]

[/custom_frame_right]

[ custom_frame_right]

[/custom_frame_right ]

Custom Image Frame with Right Alignment
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.


[custom_frame_center]
Title Will Go Here..
[/custom_frame_center]

[custom_frame_center]
Title Will Go Here..
[/custom_frame_center]

Custom Image Frame with Center Alignment (image as a link example)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
Custom Image Frame with Left Alignment


[custom_frame_left shadow=”on”]

[/custom_frame_left]

[custom_frame_left shadow="on"]

[/custom_frame_left]

Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn’t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.


Default Buttons

[column size=”six” first=”true”]
Button Example: ( left aligned )

[button text="  Button" title="It is a   Button" url="http://www.your-link-goes-here.com/" type=" "]

[/column]

[column size=”six” last=”true”]
Button Example: ( right aligned )

[button text="  Button" title="It is a   Button" url="http://www.your-link-goes-here.com/" align="right" type=" "]

[/column]


[column size=”six” first=”true”]
Dark Button Example: ( left aligned )

[button text="  Button" title="It is a   Button" url="http://www.your-link-goes-here.com/" type="dark  "]

[/column]

[column size=”six” last=”true”]
Dark Button Example: ( right aligned )

[button text="  Button" title="It is a   Button" url="http://www.your-link-goes-here.com/" align="right" type="dark  "]

[/column]


Custom Button Example:

[button text="Custom   Button" title="It is a   Button" url="http://www.your-link-goes-here.com/" type=" " bg_color="#eb5858" text_color="#ffffff"]

[column size=”six” first=”true”]
Round Button: ( left aligned )

[button text="  Button" title="It is a   Button" url="http://www.your-link-goes-here.com/" type="  round"]

[/column]

[column size=”six” last=”true”]
Round Button: ( right aligned )

[button text="  Button" title="It is a   Button" url="http://www.your-link-goes-here.com/" align="right" type="  round"]

[/column]


[column size=”six” first=”true”]
Dark Round Button: ( left aligned )

[button text="  Button" title="It is a   Button" url="http://www.your-link-goes-here.com/" type="dark    round"]

[/column]

[column size=”six” last=”true”]
Dark Round Button: ( right aligned )

[button text="  Button" title="It is a   Button" url="http://www.your-link-goes-here.com/" align="right" type="dark   round"]

[/column]


Custom Round Button Example:

[button text="Custom   Button" title="It is a   Button" url="http://www.your-link-goes-here.com/" type="  round" bg_color="#eb5858" text_color="#ffffff"]

Large Buttons

[column size=”six” first=”true”]
large Button : ( left aligned )

[button text="large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" type="large"]

[/column]

[column size=”six” last=”true”]
large Button : ( right aligned )

[button text="large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" align="right" type="large"]

[/column]


[column size=”six” first=”true”]
Dark large Button : ( left aligned )

[button text="large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" type="dark large"]

[/column]

[column size=”six” last=”true”]
Dark large Button : (right aligned)

[button text="large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" align="right" type="dark large"]

[/column]


Custom large Button :

[button text="Custom large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" type="large" bg_color="#eb5858" text_color="#ffffff"]

[column size=”six” first=”true”]
Round large Button: ( left aligned )

[button text="large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" type="large round"]

[/column]

[column size=”six” last=”true”]
Round large Button: ( right aligned )

[button text="large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" align="right" type="large round"]

[/column]


[column size=”six” first=”true”]
Dark Round large Button: ( left aligned )

[button text="large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" type="dark large  round"]

[/column]

[column size=”six” last=”true”]
Dark Round large Button: (right aligned)

[button text="large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" align="right" type="dark large round"]

[/column]


Custom Round large Button :

[button text="Custom large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" type="large round" bg_color="#eb5858" text_color="#ffffff"]

Medium Buttons

[column size=”six” first=”true”]
medium Button : ( left aligned )

[button text="medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" type="medium"]

[/column]

[column size=”six” last=”true”]
medium Button : ( right aligned )

[button text="medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" align="right" type="medium"]

[/column]


[column size=”six” first=”true”]
Dark medium Button : ( left aligned )

[button text="medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" type="dark medium"]

[/column]

[column size=”six” last=”true”]
Dark medium Button : (right aligned)

[button text="medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" align="right" type="dark medium"]

[/column]


Custom medium Button :

[button text="Custom medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" type="medium" bg_color="#eb5858" text_color="#ffffff"]

[column size=”six” first=”true”]
Round medium Button: ( left aligned )

[button text="medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" type="medium round"]

[/column]

[column size=”six” last=”true”]
Round medium Button: ( right aligned )

[button text="medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" align="right" type="medium round"]

[/column]


[column size=”six” first=”true”]
Dark Round medium Button: ( left aligned )

[button text="medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" type="dark medium  round"]

[/column]

[column size=”six” last=”true”]
Dark Round medium Button: (right aligned)

[button text="medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" align="right" type="dark medium round"]

[/column]


Custom Round medium Button :

[button text="Custom medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" type="medium round" bg_color="#eb5858" text_color="#ffffff"]

Small Buttons

[column size=”six” first=”true”]
Small Button Example: ( left aligned )

[button text="Small Button" title="It is a Small Button" url="http://www.your-link-goes-here.com/" type="small"]

[/column]

[column size=”six” last=”true”]
Small Button Example: ( right aligned )

[button text="Small Button" title="It is a Small Button" url="http://www.your-link-goes-here.com/" align="right" type="small"]

[/column]


[column size=”six” first=”true”]
Dark Small Button Example: ( left aligned )

[button text="Small Button" title="It is a Small Button" url="http://www.your-link-goes-here.com/" type="dark small"]

[/column]

[column size=”six” last=”true”]
Dark Small Button Example: ( right aligned )

[button text="Small Button" title="It is a Small Button" url="http://www.your-link-goes-here.com/" align="right" type="dark small"]

[/column]


Custom Small Button Example:

[button text="Custom Small Button" title="It is a Small Button" url="http://www.your-link-goes-here.com/" type="small" bg_color="#eb5858" text_color="#ffffff"]

[column size=”six” first=”true”]
Round Small Button: ( left aligned )

[button text="Small Button" title="It is a Small Button" url="http://www.your-link-goes-here.com/" type="small round"]

[/column]

[column size=”six” last=”true”]
Round Small Button: ( right aligned )

[button text="Small Button" title="It is a Small Button" url="http://www.your-link-goes-here.com/" align="right" type="small round"]

[/column]


[column size=”six” first=”true”]
Dark Round Small Button: ( left aligned )

[button text="Small Button" title="It is a Small Button" url="http://www.your-link-goes-here.com/" type="dark small  round"]

[/column]

[column size=”six” last=”true”]
Dark Round Small Button: ( right aligned )

[button text="Small Button" title="It is a Small Button" url="http://www.your-link-goes-here.com/" align="right" type="dark small round"]

[/column]


Custom Round Small Button Example:

[button text="Custom Small Button" title="It is a Small Button" url="http://www.your-link-goes-here.com/" type="small round" bg_color="#eb5858" text_color="#ffffff"]

Message Box Styles

‘Info’ style:
[message type=”info”]This is a sample of the ‘info’ style message box shortcode. To use this style use the following shortcode:[/message]

[message type="info"]Your message goes here... [/message]

‘success’ style:
[message type=”success”]This is a sample of the ‘success’ style message box shortcode. To use this style use the following shortcode:[/message]

[message type="success"]Your message goes here... [/message]

‘warning’ style:
[message type=”warning”]This is a sample of the ‘warning’ style message box shortcode. To use this style use the following shortcode:[/message]

[message type="warning"]Your message goes here... [/message]

‘error’ style:
[message type=”error”]This is a sample of the ‘error’ style message box shortcode. To use this style use the following shortcode:[/message]

[message type="error"]Your message goes here... [/message]

‘blank’ style:
[message type=”blank”]This is a sample of the ‘blank’ style message box shortcode. To use this style use the following shortcode:[/message]

[message type="blank"]Your message goes here... [/message]

‘simple’ style:
[message type=”simple”]This is a sample of the ‘simple’ style message box shortcode. To use this style use the following shortcode:[/message]

[message type="simple"]Your message goes here... [/message]

‘custom’ style (example 1):
[message type=”custom”]This is a sample of the ‘custom’ style message box shortcode. To use this style use the following shortcode:[/message]

[message type="custom"]Your message goes here... [/message]

‘custom’ style (example 2):
[message type=”custom” bg_start_color=”#FFFCB5″ bg_end_color=”#F4CBCB” border=”#BBBBBB” font_color=”#333333″]This is a sample of the ‘custom’ style message box shortcode. To use this style use the following shortcode:[/message]

[message type="custom" bg_start_color="#FFFCB5" bg_end_color="#F4CBCB" border="#BBBBBB" font_color="#333333"]Your message goes here... [/message]

‘custom’ style (example 3):
[message type=”custom” bg_start_color=”#fffff7″ bg_end_color=”#B5EDFF” border=”#999999″ font_color=”#333333″]This is a sample of the ‘custom’ style message box shortcode. To use this style use the following shortcode:[/message]

[message type="custom" bg_start_color="#fffff7" bg_end_color="#B5EDFF" border="#999999" font_color="#333333"]Your message goes here... [/message]

‘custom’ style (example 4):
[message type=”custom” bg_start_color=”#fffff7″ bg_end_color=”#d7acd0″ border=”#d7acd0″ font_color=”#832674″]This is a sample of the ‘custom’ style message box shortcode. To use this style use the following shortcode:[/message]

[message type="custom" bg_start_color="#fffff7" bg_end_color="#d7acd0" border="#d7acd0" font_color="#832674"]Your message goes here... [/message]

‘custom’ style (example 5):
[message type=”custom” bg_start_color=”#fffff7″ bg_end_color=”#a44242″ border=”#999999″ font_color=”#333333″]This is a sample of the ‘custom’ style message box shortcode. To use this style use the following shortcode:[/message]

[message type="custom" bg_start_color="#fffff7" bg_end_color="#a44242" border="#999999" font_color="#333333"]Your message goes here... [/message]

‘custom’ style (example 6):
[message type=”custom” bg_start_color=”#fffff7″ bg_end_color=”#dde342″ border=”#999999″ font_color=”#333333″]This is a sample of the ‘custom’ style message box shortcode. To use this style use the following shortcode:[/message]

[message type="custom" bg_start_color="#fffff7" bg_end_color="#dde342" border="#999999" font_color="#333333"]Your message goes here... [/message]

Blockquote Example

[pullquote]This is an example of a ‘blockquote’. Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn’t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.[/pullquote]

[pullquote]Your quote text goes here...[/pullquote]

Custom Blockquote ( Example 1 ):
[pullquote font_color=”#50c0f5″]This is an example of a custom ‘blockquote’. Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn’t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.[/pullquote]

[pullquote font_color="#50c0f5"]Your quote text goes here...[/pullquote]

Custom Blockquote ( Example 2 ):
[pullquote font_color=”#7a9d3c”]This is an example of a custom ‘blockquote’. Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn’t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.[/pullquote]

[pullquote font_color="#7a9d3c"]Your quote text goes here...[/pullquote]

Custom Blockquote ( Example 3 ):
[pullquote font_color=”#967920″]This is an example of a custom ‘blockquote’. Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn’t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.[/pullquote]

[pullquote font_color="#967920"]Your quote text goes here...[/pullquote]

Custom Blockquote ( Example 4 ):
[pullquote font_color=”#ff0000″]This is an example of a custom ‘blockquote’. Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn’t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.[/pullquote]

[pullquote font_color="#ff0000"]Your quote text goes here...[/pullquote]

Pullquote Example

[pullquote align=”left”]This is a left aligned pullquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.[/pullquote]Donec nec facilisis nisi. Vivamus tempor feugiat velit gravida vehicula. Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi. Vivamus tempor feugiat velit gravida vehicula. Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi.Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi.Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi.

[pullquote align="left"]Your quote text goes here...[/pullquote]

[pullquote align=”right”]This is a right aligned pullquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.[/pullquote]
Donec nec facilisis nisi. Vivamus tempor feugiat velit gravida vehicula. Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi. Vivamus tempor feugiat velit gravida vehicula. Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi. Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi.Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi.Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi.

[pullquote align="right"]Your quote text goes here...[/pullquote]


Custom pullquote Example:

[pullquote align=”left” font_color=”#ff0000″]This is a left aligned pullquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.[/pullquote]Donec nec facilisis nisi. Vivamus tempor feugiat velit gravida vehicula. Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi. Vivamus tempor feugiat velit gravida vehicula. Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi.Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi.Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi.

[pullquote align="left" font_color="#ff0000"]Your quote text goes here...[/pullquote]

[pullquote align=”right” font_color=”#527b0e”]This is a right aligned pullquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.[/pullquote]
Donec nec facilisis nisi. Vivamus tempor feugiat velit gravida vehicula. Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi. Vivamus tempor feugiat velit gravida vehicula. Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi. Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi.Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi.Donec faucibus pellentesque ipsum id varius. Ut rutrum metus sed neque ultricies a dictum ante sagittisDonec nec facilisis nisi.

[pullquote align="right" font_color="#527b0e"]Your quote text goes here...[/pullquote]

Accordian Text

Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn’t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.

[accordion]
[accordion_toggle title=”This is Example Title 1…”]
Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn’t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.

Phasellus rutrum dapibus nulla, a venenatis tortor eleifend vitae. Ut tincidunt vestibulum blandit. Nulla aliquet urna non enim convallis in vehicula mi scelerisque. Aliquam blandit imperdiet lorem eu ultrices. Nulla in dolor non ipsum fringilla sodales sed ac turpis. Phasellus rutrum dapibus nulla, a venenatis tortor eleifend vitae. Ut tincidunt vestibulum blandit. Nulla aliquet urna non enim convallis in vehicula mi scelerisque.
[/accordion_toggle]
[accordion_toggle title=”This is Example Title 2…”]
DO you Know that, aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn’t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.

Phasellus rutrum dapibus nulla, a venenatis tortor eleifend vitae. Ut tincidunt vestibulum blandit. Nulla aliquet urna non enim convallis in vehicula mi scelerisque. Aliquam blandit imperdiet lorem eu ultrices. Nulla in dolor non ipsum fringilla sodales sed ac turpis. Phasellus rutrum dapibus nulla, a venenatis tortor eleifend vitae. Ut tincidunt vestibulum blandit. Nulla aliquet urna non enim convallis in vehicula mi scelerisque.
[/accordion_toggle]
[accordion_toggle title=”This is Example Title 2…”]
It is really amazing to know that, aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn’t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.

Phasellus rutrum dapibus nulla, a venenatis tortor eleifend vitae. Ut tincidunt vestibulum blandit. Nulla aliquet urna non enim convallis in vehicula mi scelerisque. Aliquam blandit imperdiet lorem eu ultrices. Nulla in dolor non ipsum fringilla sodales sed ac turpis. Phasellus rutrum dapibus nulla, a venenatis tortor eleifend vitae. Ut tincidunt vestibulum blandit. Nulla aliquet urna non enim convallis in vehicula mi scelerisque.
[/accordion_toggle]
[/accordion]

 

[accordion]
    [accordion_toggle title="Title 1"]
        Content for Accordion Toggle 1 goes here...
    [/accordion_toggle]
    [accordion_toggle title="Title 2"]
        Content for Accordion Toggle 2 goes here...
    [/accordion_toggle]
    [accordion_toggle title="Title 3"]
        Content for Accordion Toggle 3 goes here...
    [/accordion_toggle]
[/accordion]

Tabs With Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.
Dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.
Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.
[tabs]
    [tab title="Title 1"]
        Content for Tab 1 goes here...
    [/tab]
    [tab title="Title 2"]
        Content for Tab 2 goes here...
    [/tab]
    [tab title="Title 3"]
        Content for Tab 3 goes here...
    [/tab]
[/tabs]

Toggle Text

Dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
[toggle title=”Click me to toggle content…”]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.[/toggle][toggle title=”Click me to toggle content…”]Dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lonec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.[/toggle][toggle title=”Click me to toggle content…”]Sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Ultricies nec, pellentesque eu, pretium quis, sem.Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.[/toggle]

Dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

[toggle title="Toggle Content Title Will Go Here..."]
Your content goes here...
[/toggle]

List Styles And Dropcap

[column size=”six” first=”true”]

[list style=”1″]

  • To apply this list style use: “1?

[/list][list style=”2″]

  • To apply this list style use: “2?

[/list][list style=”3″]

  • To apply this list style use: “3?

[/list][list style=”4″]

  • To apply this list style use: “4?

[/list][list style=”5″]

  • To apply this list style use: “5?

[/list][list style=”6″]

  • To apply this list style use: “6?

[/list][list style=”7″]

  • To apply this list style use: “7?

[/list][list style=”8″]

  • To apply this list style use: “8?

[/list][list style=”9″]

  • To apply this list style use: “9?

[/list][list style=”10″]

  • To apply this list style use: “10?

[/list][list style=”11″]

  • To apply this list style use: “11?

[/list][list style=”12″]

  • To apply this list style use: “12?

[/list][list style=”13″]

  • To apply this list style use: “13?

[/list][list style=”14″]

  • To apply this list style use: “14?

[/list][list style=”15″]

  • To apply this list style use: “15?

[/list][list style=”16″]

  • To apply this list style use: “16?

[/list][list style=”17″]

  • To apply this list style use: “17?

[/list][list style=”18″]

  • To apply this list style use: “18?

[/list][list style=”19″]

  • To apply this list style use: “19?

[/list][list style=”20″]

  • To apply this list style use: “20?

[/list]
[/column]

[column size=”six” last=”true”]
Example Use:
[list style=”1″]

  • your list item
  • your list item
  • your list item

[/list]

[list style="1"]
<ul>
    <li>your list item</li>
    <li>your list item</li>
    <li>your list item</li>
</ul>
[/list]

Orfor equivalent non-shortcode version apply style “1? as shown here

<ul>
    <li>your list item</li>
    <li>your list item</li>
    <li>your list item</li>
</ul>

[/column]


Dropcaps:

Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn’t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.

[dropcap]A[/dropcap]

Tables

[custom_table]

Header 1 Header 2 Header 3 Header 4
Item 1 Description Subtotal: $0.00
Item 2 Description Discount: $0.00
Item 3 Description Shipping: $0.00
Item 4 Description Tax: $0.00
Item 1: Description TOTAL: $0.00
*Table Footer here…

[/custom_table]

 

To use this table style just apply the following shortcode:

[custom_table]
<table class="custom-table" summary="Sample Table">
    <thead>
    <tr>
        <th scope="col">Header 1</th>
        <th scope="col">Header 2</th>
        <th scope="col">Header 3</th>
        <th scope="col">Header 4</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>Item 1</td>
        <td>Description</td>
        <td>Subtotal:</td>
        <td>$0.00</td>
    </tr>
    <tr>
        <td>Item 2</td>
        <td>Description</td>
        <td>Discount:</td>
        <td>$0.00</td>
    </tr>
    <tr>
        <td>Item 3</td>
        <td>Description</td>
        <td>Shipping:</td>
        <td>$0.00</td>
    </tr>
    <tr>
        <td>Item 4</td>
        <td>Description</td>
        <td>Tax:</td>
        <td>$0.00</td>
    </tr>
    <tr>
        <td>Item 1:</td>
        <td>Description</td>
        <td><strong>TOTAL:</strong></td>
        <td><strong>$0.00</strong></td>
    </tr>
    </tbody>
    <tfoot>
    <tr>
        <td colspan="4">
        *Table Footer here...
        </td>
    </tr>
    </tfoot>
</table>
[/custom_tablespan>]

 

OR for equivalent non-shortcode version apply the “custom-table” class as shown here:

<table class="custom-table">...</table>

Sliders

Slider1 ShortCode:

[slider1 slider_category="cat1" number_of_slider="2"]

Using this shordcode you will be bale to add slideshow within page/post/sidebar. You have the flexibility to add specific slider category and limit the slider with number of slider argument. See the live example below.

 

[slider1 slider_category=”cat1″ number_of_slider=”2″]

 

Slider2 ShortCode:

[slider2 slider_category="cat1" number_of_slider="2"]

If you want to show different type of slideshow then use this shortcode. It is just like the slider1 but it shows the slider in a different way. See the live example below…

 

[slider2 slider_category=”cat1″ number_of_slider=”2″]


Contact Form and Map

[column size=”four” first=”true”]
[form thank_you=”http://www.yourwebsite.com/thankyou”]

[form thank_you="http://www.yourwebsite.com/thankyou"]

[/column]
[column size=”eight” last=”true”]
[map]

[map]

[/column]