Blockquote With Alignments

Parameters for the Blockquotes

Content: Type the text you wish to display as a blockquote.
Align: Select the alignment left, right or center for your blockquote.
Cite: Type the name of the author or company.
Cite Link: The link displays after the citation.
Width: Display width in px or %

Aenean nec sollicitudin felis. Mauris imperdiet arcu at sollicitudin consectetur. Suspendisse vulputate nec metus at viverra.

Vestibulum a leo ligula. Aliquam fringilla ornare arcu eget ultrices. Vestibulum sit amet nulla ut eros laoreet dictum.John Doe, www.aivahthemes.com

Aliquam sodales velit non eros bibendum laoreet. Nulla lobortis fermentum risus sed mattis. Nulla consectetur, felis ut semper tincidunt, sapien orci suscipit ipsum, eget elementum quam eros non tortor. Aenean leo felis, dictum auctor leo id, feugiat accumsan felis. Duis a leo at dui tincidunt imperdiet. Sed tincidunt vel eros vel fermentum. Etiam lectus mi, pretium nec gravida et, consequat vel tortor.

Vestibulum a leo ligula. Aliquam fringilla ornare arcu eget ultrices. Vestibulum sit amet nulla ut eros laoreet dictum. Donec consequat semper justo at gravida. Quisque ut mi eget justo hendrerit consectetur. Vestibulum a leo ligula. Aliquam fringilla ornare arcu eget ultrices. Vestibulum sit amet nulla ut eros laoreet dictum. Integer in eleifend metus.

Vestibulum a leo ligula. Aliquam fringilla ornare arcu eget ultrices. Vestibulum sit amet nulla ut eros laoreet dictum.John Doe, www.aivahthemes.com

Sed ornare tincidunt erat id pulvinar. Cras dolor nisi, sollicitudin sit amet sem eu, aliquet rhoncus tortor. Aenean porttitor imperdiet nisi. Donec consequat semper justo at gravida. Quisque ut mi eget justo hendrerit consectetur. Vestibulum a leo ligula. Aliquam fringilla ornare arcu eget ultrices. Vestibulum sit amet nulla ut eros laoreet dictum. Integer in eleifend metus. Morbi convallis, massa ac commodo euismod, dolor metus tempor libero.

Sed ornare tincidunt erat id pulvinar. Cras dolor nisi, sollicitudin sit amet sem eu, aliquet rhoncus tortor. Aenean porttitor imperdiet nisi. Donec consequat semper justo at gravida. Quisque ut mi eget justo hendrerit consectetur. Vestibulum a leo ligula. Aliquam fringilla ornare arcu eget ultrices. Vestibulum sit amet nulla ut eros laoreet dictum. Integer in eleifend metus. Morbi convallis, massa ac commodo euismod, dolor metus tempor libero.

Vestibulum a leo ligula. Aliquam fringilla ornare arcu eget ultrices. Vestibulum sit amet nulla ut eros laoreet dictum.John Doe, www.aivahthemes.com

Buttons

Parameters

• id: (id attribute) (optional)
• class:(class attribute) (optional)
• size: small,medium,large (optional)
• color (optional – Available Colors see below)
• bgcolor (optional)
• textcolor (optional)
• hoverbgcolor (optional)
• hovertextcolor (optional)
• align: center (optional)
• full: (set full width):true,false (optional)
• width: (optional)
• link (link to follow when clicked) (optional)
• linktarget: _blank,_self,_parent,_top (optional)

Samples Buttons With Different Size

Small Medium Large

Button With Color Variation

Black Brown Gray Cyan Orange Red magenta Yellow Blue Pink Green White

Buttons With Special Colors

#000000 #000000

Columns Layout

DIVIDERS

Dividers With Top Text Property:

Dividers With Top Divider Property:

Dividers With Top Divider Line Property:

Dividers With Divider Space Property:

FANCY BOX

Parameters for the Fancy Box

Type: Select the type of Box.
Title : Type text you wish to display as Title for Fancy Box.
Large Heading: Type text you wish to display as Large Heading for Fancy Box.
Title BG Color: Title background color for the Fancy Box.
Title Color: Title color for the Fancy Box.
Box Border Color: Border color for the Fancy Box.
Box BG Color: Background color for the Fancy Box.
Text Color: Text color for the content inside the box
Corner Ribbon: Corner Ribbon (Range from 01 – 64) for more details of the names you can check the ribbons bolder within the images folder.
Box Content : Type content you wish to display for Fancy Box.

Different Types Of Fancy Boxes:

Standard Fancy Box Title BG and Text Color Content BG and Text Color Fancy Box with Different Corner Ribbons Fancy Box with Different Corner Ribbons Fancy Box with Different Corner Ribbons Fancy Box with Different Corner Ribbons Fancy Box with Different Corner Ribbons Fancy Box with Different Corner Ribbons

FLICKR PHOTOS

Parameters for the Flickr Photos

• Flickr Id: Find your Id from idGettr
• Limit: Type the Flickr Photos Limit.
• Type: Choose Photos Type.
• Display: Choose Display Type.

Flickr Photos:

FRAMED BOX

Parameters for the Framed Box Type: Select the type of Box.
Background Color: Choose the background color for the Framed Box.
Border Color: Choose the border color for the Framed box.
Padding: You can use any valid value for CSS padding property (default: 20px 20px 20px 20px).
Corner Ribbon: Corner Ribbon (Range from 01 – 64) for more details of the names you can check the ribbons bolder within the images folder.
Width: Type the width for the Framed Box in pixels.
Height: Type the height for the Framed Box in pixels.
Box Content: Type content you wish to display for Framed Box.

Framed Box In Different Styles:

Galleria

Parameters for the Galleria

• Type : Photo Attachment or Image url(s)
• Transition
• Autoplay
• images url(s)
• width (optional)
• height (optional)

MINI GALLERY

Parameters for Mini Gallery

• width: Use % or px as units for width, do not leave only numbers.
• height: Use % or px as units for width, do not leave only numbers.
• class Add sub class for the images if you want to assign any new class for the images but use spaces between multiple classes excluding comma
• url: Please enter image url(s) in each separated lines.

Sys Mini Gallery Shortcode

Quisque dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec sit amet ipsum velit, a faucibus purus Quisque dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec sit amet ipsum velit, a faucibus purus

Fancy Heading Goes Here

Quisque dignissim, ante sit amet imperdiet ultricies, felis enim luctus leo, et cursus leo libero in nisi. Donec sit amet ipsum velit, a faucibus purus Quisque dignissim

Icons

Available Color Options for the Icons below are Available colors

Font Awesome List

Parameters for the List

• List Style : Choose the list style you want to have.
• Color : Select the color you wish to use.
• Content : Type the content you wish to display for List Item

List Styled

MESSAGE BOX

Parameters for the Message Box

Type: Select the type of Box.
Message Type: Choose the Message Box Type Error, Alert, Success etc.
Message Text: Type the content you wish to display for the Message Box.

Different Types Of Message Boxes:

Type the content you wish to display for the message box.
Type the content you wish to display for the message box.
Type the content you wish to display for the message box.

MINIMAL BOX

Parameters for the Minimal Box

Type: Select the type of Box.
Title : Type text you wish to display as Title for Minimal Box.
Large Heading: Type text you wish to display as Large Heading for Minimal Box.
Title Color: Title color for the Minimal box.
Title BG Color: Title background color for the Minimal box.
Corner Ribbon: Corner Ribbon (Range from 01 – 64) for more details of the names you can check the ribbons bolder within the images folder.
Box Content : Type content you wish to display for Minimal Box.

Minimal Box

NOTE BOX

Parameters for the Note Box

Type: Select the type of Box.
Title : Type text you wish to display as Title for Note Box.
Align(left/right/center): Alignment for the Note box.
Width: Width for the Note box.
Message Text: Type the content you wish to display for the Note Box.

Note Box at Left Side:

jQuery Custom Tabs

Easy to integrate into your wordpress content page and posts with simple shortcode

jQuery Vertical Tabs

Easy to integrate into your wordpress content page and posts with simple shortcode

jQuery Custom Toggle

[toggle heading="Lorem Ipsum is simply dummy text"] Lorem Ipsum is simply dummy text of the printing and typesetting industry.
[/toggle]

jQuery Fancy Custom Toggle

Video

Vimeo Video

[vimeo width="670" height="380" clip_id="1084537"]

Youtube Video

[youtube width="660" height="380" clipid="bHpnHEthnko"]