Blockquote With Alignments
Parameters for the BlockquotesContent: 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 %
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.John Doe, www.aivahthemes.com
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.
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
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 LargeButton With Color Variation
Black Brown Gray Cyan Orange Red magenta Yellow Blue Pink Green WhiteButtons With Special Colors
#000000 #000000Columns Layout
1/2 column
1/2 column
1/3 column
1/3 column
1/3 column
1/4 column
1/4 column
1/4 column
1/4 column
1/5 column
1/5 column
1/5 column
1/5 column
1/5 column
1/6 column
1/6 column
1/6 column
1/6 column
1/6 column
1/6 column
2/3 column
1/3 column
1/4 column
3/4 column
1/4 column
1/4 column
1/2 column
1/4 column
1/2 column
1/4 column
1/5 cols
4/5 column
2/5 column
3/5 column
1/5 column
3/5 column
1/5 column
4/5 column
1/5 column
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 BoxType: 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 BoxFancy Box
Fancy Box
Fancy Box
Fancy Box
Fancy Box
Fancy Box
Fancy Box
Fancy Box
Fancy Box
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 dignissimIcons
Available Color Options for the Icons below are Available colors
Black
Male Icon Female Icon Zip Icon Movie Icon Address Book Arrow Icon Calculator Icon Dollar Icon Pound Icon Euro Icon Yen Icon Error Icon Exclamation Feed Icon Help Icon Home Icon Email Icon Medal Icon New Icon Word Document PDF Icon Phone Icon Print Icon Star Icon Support Icon Vcard Icon Floppy Icon Monitor Icon Download Icon Pin Icon Location Icon Find IconBlue
Male Icon Female Icon Zip Icon Movie Icon Address Book Arrow Icon Calculator Icon Dollar Icon Pound Icon Euro Icon Yen Icon Error Icon Exclamation Feed Icon Help Icon Home Icon Email Icon Medal Icon New Icon Word Document PDF Icon Phone Icon Print Icon Star Icon Support Icon Vcard Icon Floppy Icon Monitor Icon Download Icon Pin Icon Location Icon Find IconCyan
Male Icon Female Icon Zip Icon Movie Icon Address Book Arrow Icon Calculator Icon Dollar Icon Pound Icon Euro Icon Yen Icon Error Icon Exclamation Feed Icon Help Icon Home Icon Email Icon Medal Icon New Icon Word Document PDF Icon Phone Icon Print Icon Star Icon Support Icon Vcard Icon Floppy Icon Monitor Icon Download Icon Pin Icon Location Icon Find IconGreen
Male Icon Female Icon Zip Icon Movie Icon Address Book Arrow Icon Calculator Icon Dollar Icon Pound Icon Euro Icon Yen Icon Error Icon Exclamation Feed Icon Help Icon Home Icon Email Icon Medal Icon New Icon Word Document PDF Icon Phone Icon Print Icon Star Icon Support Icon Vcard Icon Floppy Icon Monitor Icon Download Icon Pin Icon Location Icon Find IconOrange
Male Icon Female Icon Zip Icon Movie Icon Address Book Arrow Icon Calculator Icon Dollar Icon Pound Icon Euro Icon Yen Icon Error Icon Exclamation Feed Icon Help Icon Home Icon Email Icon Medal Icon New Icon Word Document PDF Icon Phone Icon Print Icon Star Icon Support Icon Vcard Icon Floppy Icon Monitor Icon Download Icon Pin Icon Location Icon Find IconMagenta
Male Icon Female Icon Zip Icon Movie Icon Address Book Arrow Icon Calculator Icon Dollar Icon Pound Icon Euro Icon Yen Icon Error Icon Exclamation Feed Icon Help Icon Home Icon Email Icon Medal Icon New Icon Word Document PDF Icon Phone Icon Print Icon Star Icon Support Icon Vcard Icon Floppy Icon Monitor Icon Download Icon Pin Icon Location Icon Find IconGray
Male Icon Female Icon Zip Icon Movie Icon Address Book Arrow Icon Calculator Icon Dollar Icon Pound Icon Euro Icon Yen Icon Error Icon Exclamation Feed Icon Help Icon Home Icon Email Icon Medal Icon New Icon Word Document PDF Icon Phone Icon Print Icon Star Icon Support Icon Vcard Icon Floppy Icon Monitor Icon Download Icon Pin Icon Location Icon Find IconPink
Male Icon Female Icon Zip Icon Movie Icon Address Book Arrow Icon Calculator Icon Dollar Icon Pound Icon Euro Icon Yen Icon Error Icon Exclamation Feed Icon Help Icon Home Icon Email Icon Medal Icon New Icon Word Document PDF Icon Phone Icon Print Icon Star Icon Support Icon Vcard Icon Floppy Icon Monitor Icon Download Icon Pin Icon Location Icon Find IconRed
Male Icon Female Icon Zip Icon Movie Icon Address Book Arrow Icon Calculator Icon Dollar Icon Pound Icon Euro Icon Yen Icon Error Icon Exclamation Feed Icon Help Icon Home Icon Email Icon Medal Icon New Icon Word Document PDF Icon Phone Icon Print Icon Star Icon Support Icon Vcard Icon Floppy Icon Monitor Icon Download Icon Pin Icon Location Icon Find IconYellow
Male Icon Female Icon Zip Icon Movie Icon Address Book Arrow Icon Calculator Icon Dollar Icon Pound Icon Euro Icon Yen Icon Error Icon Exclamation Feed Icon Help Icon Home Icon Email Icon Medal Icon New Icon Word Document PDF Icon Phone Icon Print Icon Star Icon Support Icon Vcard Icon Floppy Icon Monitor Icon Download Icon Pin Icon Location Icon Find IconFont 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
- style = disc
- style = disc
- style = disc
- style = circle
- style = circle
- style = circle
- style = square
- style = square
- style = square
- style = arrow1
- style = arrow1
- style = arrow1
- style = arrow2
- style = arrow2
- style = arrow2
- style = arrow3
- style = arrow3
- style = arrow3
- style = arrow4
- style = arrow4
- style = arrow4
- style = arrow5
- style = arrow5
- style = arrow5
- style = bullet1
- style = bullet1
- style = bullet1
- style = bullet2
- style = bullet2
- style = bullet2
- style = bullet3
- style = bullet3
- style = bullet3
- style = bullet4
- style = bullet4
- style = bullet4
- style = bullet5
- style = bullet5
- style = bullet5
- style = star1
- style = star1
- style = star1
- style = star2
- style = star2
- style = star2
- style = star3
- style = star3
- style = star3
- style = plus
- style = plus
- style = plus
- style = minus
- style = minus
- style = minus
- style = pointer
- style = pointer
- style = pointer
- style = style1
- style = style1
- style = style1
- style = check
- style = check
- style = check
MESSAGE BOX
Parameters for the Message BoxType: 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.
MINIMAL BOX
Parameters for the Minimal BoxType: 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
Minimal Box
Minimal Box
NOTE BOX
Parameters for the Note BoxType: 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:
Note Box
Type the content you wish to display for the Note BoxIidunt quisque tristique. This is underlined text. Sollicitudin eros sapien, ultrices primis. This is Emphasized text volutpat tempor tur duis mattis dapibus, felis amet faucibus.This is underlined text. Sollicitudin eros sapien, ultrices primis.
Lorem Ipsum is simply dummy text. Lorem Ipsum is simply dummy text.
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
Title
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"]