Shortcodes


 

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.

 

     

    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.

     

       

      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…

       


        Column Layouts

        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]
        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]
        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]
        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]

        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]
        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>]

        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]
        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]
        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]

        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]
        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]

        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]
        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]

        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]
        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]
        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]

        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]
        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]
        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]

         


        Custom Image Frame with Left Alignment



        [ 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 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.



        Title Will Go Here..

        [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]

        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

        Button Example: ( left aligned )
        Button

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

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

        Dark Button Example: ( left aligned )
        Button

        [button text="  Button" title="It is a   Button" url="http://www.your-link-goes-here.com/" type="dark  "]
        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  "]

        Custom Button Example:

        Custom Button Custom Button Custom Button Custom Button

        Custom Button Custom Button Custom Button Custom Button

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

        Round Button: ( left aligned )
        Button

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

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

        Dark Round Button: ( left aligned )
        Button

        [button text="  Button" title="It is a   Button" url="http://www.your-link-goes-here.com/" type="dark    round"]
        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"]

        Custom Round Button Example:

        Custom Button Custom Button Custom Button Custom Button

        Custom Button Custom Button Custom Button Custom Button

        [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

        large Button : ( left aligned )
        large Button

        [button text="large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" type="large"]
        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"]

        Dark large Button : ( left aligned )
        large Button

        [button text="large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" type="dark large"]
        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"]

        Custom large Button :

        Custom large Button Custom large Button Custom large Button Custom large Button

        Custom large Button Custom large Button Custom large Button 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"]

        Round large Button: ( left aligned )
        large Button

        [button text="large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" type="large round"]
        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"]

        Dark Round large Button: ( left aligned )
        large Button

        [button text="large Button" title="It is a large Button" url="http://www.your-link-goes-here.com/" type="dark large  round"]
        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"]

        Custom Round large Button :

        Custom large Button Custom large Button Custom large Button Custom large Button

        Custom large Button Custom large Button Custom large Button Custom 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

        medium Button : ( left aligned )
        medium Button

        [button text="medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" type="medium"]
        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"]

        Dark medium Button : ( left aligned )
        medium Button

        [button text="medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" type="dark medium"]
        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"]

        Custom medium Button :

        Custom medium Button Custom medium Button Custom medium Button Custom medium Button

        Custom medium Button Custom medium Button Custom medium Button 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"]

        Round medium Button: ( left aligned )
        medium Button

        [button text="medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" type="medium round"]
        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"]

        Dark Round medium Button: ( left aligned )
        medium Button

        [button text="medium Button" title="It is a medium Button" url="http://www.your-link-goes-here.com/" type="dark medium  round"]
        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"]

        Custom Round medium Button :

        Custom medium Button Custom medium Button Custom medium Button Custom medium Button

        Custom medium Button Custom medium Button Custom medium Button Custom 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

        Small Button Example: ( left aligned )
        Small Button

        [button text="Small Button" title="It is a Small Button" url="http://www.your-link-goes-here.com/" type="small"]
        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"]

        Dark Small Button Example: ( left aligned )
        Small Button

        [button text="Small Button" title="It is a Small Button" url="http://www.your-link-goes-here.com/" type="dark small"]
        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"]

        Custom Small Button Example:

        Custom Small Button Custom Small Button Custom Small Button Custom Small Button

        Custom Small Button Custom Small Button Custom Small Button Custom Small Button

        [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"]

        Round Small Button: ( left aligned )
        Small Button

        [button text="Small Button" title="It is a Small Button" url="http://www.your-link-goes-here.com/" type="small round"]
        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"]

        Dark Round Small Button: ( left aligned )
        Small Button

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

        Custom Round Small Button Example:

        Custom Small Button Custom Small Button Custom Small Button Custom Small Button

        Custom Small Button Custom Small Button Custom Small Button Custom Small Button

        [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:

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

        ‘success’ style:

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

        ‘warning’ style:

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

        ‘error’ style:

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

        ‘blank’ style:

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

        ‘simple’ style:

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

        ‘custom’ style (example 1):

        This is a sample of the ‘custom’ style message box shortcode. To use this style use the following shortcode:
        [message type="custom"]Your message goes here... [/message]

        ‘custom’ style (example 2):

        This is a sample of the ‘custom’ style message box shortcode. To use this style use the following shortcode:
        [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):

        This is a sample of the ‘custom’ style message box shortcode. To use this style use the following shortcode:
        [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):

        This is a sample of the ‘custom’ style message box shortcode. To use this style use the following shortcode:
        [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):

        This is a sample of the ‘custom’ style message box shortcode. To use this style use the following shortcode:
        [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):

        This is a sample of the ‘custom’ style message box shortcode. To use this style use the following shortcode:
        [message type="custom" bg_start_color="#fffff7" bg_end_color="#dde342" border="#999999" font_color="#333333"]Your message goes here... [/message]

        Blockquote Example

        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]Your quote text goes here...[/pullquote]

        Custom Blockquote ( Example 1 ):

        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 font_color="#50c0f5"]Your quote text goes here...[/pullquote]

        Custom Blockquote ( Example 2 ):

        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 font_color="#7a9d3c"]Your quote text goes here...[/pullquote]

        Custom Blockquote ( Example 3 ):

        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 font_color="#967920"]Your quote text goes here...[/pullquote]

        Custom Blockquote ( Example 4 ):

        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 font_color="#ff0000"]Your quote text goes here...[/pullquote]

        Pullquote Example

        This is a left aligned pullquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.

        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]

        This is a right aligned pullquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.

        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:

        This is a left aligned pullquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.

        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]

        This is a right aligned pullquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.

        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.

        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.

        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.

        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]
            [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.

        Click me to toggle content...

        Click me to toggle content...

        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. 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

        • To apply this list style use: “1?
        • To apply this list style use: “2?
        • To apply this list style use: “3?
        • To apply this list style use: “4?
        • To apply this list style use: “5?
        • To apply this list style use: “6?
        • To apply this list style use: “7?
        • To apply this list style use: “8?
        • To apply this list style use: “9?
        • To apply this list style use: “10?
        • To apply this list style use: “11?
        • To apply this list style use: “12?
        • To apply this list style use: “13?
        • To apply this list style use: “14?
        • To apply this list style use: “15?
        • To apply this list style use: “16?
        • To apply this list style use: “17?
        • To apply this list style use: “18?
        • To apply this list style use: “19?
        • To apply this list style use: “20?
        Example Use:

        • your list item
        • your list item
        • your list item
        [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>

        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

        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…

         

        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.

         

           

          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…

           


            Contact Form and Map



            Enter Your Name*

            Enter Your Phone Number*

            Enter Your Email*

            Enter Your Message Here


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

            [map]