Category: Shortcodes

Icon

Parameters: name – icon name from Font Awesome, for example: “fa-thumbs-up” size – size icon, allowed values: “lg”, “1”, “2”, “3”, “4”, “5” color – color of icon, for example: “#b44a2d” background_color – color of background, for example: “#000” circled_background – make background circled, allowed values “yes” or “no” Exemplary usage: See also demo of

Icon - Read more

Stacked icons

Parameters: stack_size – size of stack, allowed values: “lg”, “1”, “2”, “3”, “4”, “5” icon_1_name – icon name from Font Awesome, for example: “fa-circle” icon_1_color – color of icon, for example: “#b44a2d” icon_1_size – size of icon, allowed values: “lg”, “1”, “2”, “3”, “4”, “5” icon_2_name – icon name from Font Awesome, for example: “fa-thumbs-up”

Stacked icons - Read more

Message

Parameters: type – style type of message, allowed values: “info”, “success”, “notice”, “error”. close – show “close” icon, allowed values: “yes” or “no”. Exemplary usage: See also demo of message shortcode. In full download package (Dummy data/shortcodes-pages/alerts.html) You can find the file with shortcodes we used to create demo page.

Message - Read more

Tooltip

Parameters: color – set color style of tooltip, allowed values: “dark”, “bright”. title – add title, for example “This is tooltip text”. Exemplary usage: See also demo of tooltip shortcode. In full download package (Dummy data/shortcodes-pages/typography.html) you can find the file with shortcodes we used to create demo page.

Tooltip - Read more

Box 2

Parameters: icon – icon name from Font Awesome, for example “fa-angle-double-right”. title – set title, exemplary values: “My custom title”. icon_background – set background color of icon, exemplary values: “#b24d26”, “orange”, etc. Exemplary usage: See also demo of boxes. In full download package (Dummy data/shortcodes-pages/boxes.html) You can find the file with shortcodes we used to

Box 2 - Read more

Image (img)

Parameters: src – set image URL, for example “http://example.com/image.jpg”. alt – set image description, for example: “Image with John” (recommended for SEO). width – set image width, for example: “500”. height – set image height, for example: “500”. fancy_border – show fancy border, allowed values: “yes” or “no”. frame – set optional frame for image,

Image (img) - Read more

Recent posts

Parameters: number_posts – set number of visible posts, exemplary values: “2”, “3”, “4” etc.. thumbnail – show excerpt, exemplary values: “yes” or “no”. headline – show headline, exemplary values: “yes” or “no”. meta – show meta, exemplary values: “yes” or “no”. excerpt – show excerpt, exemplary values: “yes” or “no”. excerpt_words – set the length

Recent posts - Read more

Circle chart

Parameters: value – number from 0 to 100, for example: “50”. prefix – sign before number value, for example: “+”. speed – speed of animation in millisecond, for example: “1000”. size – size of circle, for example: “135”. line_size – size of line, for example: “10”. color – set color of animated element, for example:

Circle chart - Read more

Milestone

Parameters: start – start value, for example: “0”. end – end value, for example: “100”. speed – speed of animation in millisecond, for example: “1000”. prefix – sign before number value, for example: “+”. suffix – sign after number value, for exampe: “%”. color – set color of number value, exemplary values: “#f67913”, “orange”, etc..

Milestone - Read more

Space

Parameters: size – set size of space (in px), for example “100”. class – add a CSS class. id – add an unique id. style – add an inline style. Exemplary usage:

Space - Read more

Banner

Parameters: image – set background image, for example: “http://cleancutta.com/wp-content/uploads/image-300×250.jpg”. button_text – text of button, exemplary value: “Buy now!”. button_url – URL, for example: “http://example.com/”. alt – image description, for example: “Banner image”. width – width of image, for example: “300”. height – height of image, for example: “250”. class – add a CSS class. id

Banner - Read more

Deeplink

Exemplary usage: See also demo of deeplink shortcode. In full download package (Dummy data/shortcodes-pages/deeplink.html) you can find the file with shortcodes we used to create demo page.

Deeplink - Read more

Table of contents

Parameters: title – add title, for example: “Contents”. Exemplary usage: Notes: In the content you need to add id for headlines, for example: See also demo of table of contents. In full download package (Dummy data/shortcodes-pages/table-of-contents.html) You can find the file with shortcodes we used to create demo page.

Table of contents - Read more

Show hide more

Parameters: what – allowed values: “words” or “paragraphs”. after_number – hide content after number of words or paragraphs, exemplary values: “2”, “30”, etc.. show_more_text – Add “show more” text, exemplary values: “Show more”. show_less_text – Add “show less” text, exemplary values: “Show less”. style – set style, allowed values: “link” or “button”. Exemplary usage: See

Show hide more - Read more

Pricing table

Parameters: class – add a CSS class. Exemplary usage: See also demo of pricing table. In full download package (Dummy data/shortcodes-pages/pricing.html) you can find the file with shortcodes we used to create demo page.

Pricing table - Read more

Pricing plans

Parameters: pricing_plans shortcode columns – set number of columns, exemplary values: “1”, “2”, “3”, “4”, etc.. pricing_plan shortcode title – add title, for example: “Basic”. subtitle – add subtitle, for example “Personal”. price – add price value, for example: “49” selected – select pricing plan, allowed values “yes” or “no”. button_text – add button text,

Pricing plans - Read more

Quote

Parameters: name – add name, for example: “Michael Brown”. org – add organization/company name, for example: “ThemeMotive”. class – add a CSS class. id – add an unique id. style – add an inline style. Exemplary usage: See also demo of quote. In full download package (Dummy data/shortcodes-pages/quote.html) you can find the file with shortcodes

Quote - Read more

Table

Parameters: type – set style type of table, allowed valus “1” or “2”. Exemplary usage: See also demo of table shortcode. In full download package (Dummy data/shortcodes-pages/typography.html) You can find the file with shortcodes we used to create demo page.

Table - Read more

Dropcap

Parameters: parameter – set style type of dropcap, allowed values: “1” or “2”. Exemplary usage: See also demo of dropcap shortcode. In full download package (Dummy data/shortcodes-pages/typography.html) you can find the file with shortcodes we used to create demo page.

Dropcap - Read more

Unordered list

Parameters: type – set style type of list, exemplary values: “tick”, “dash”, “custom”, “unstyled”. Exemplary usage: See also demo of unordered list. In full download package (Dummy data/shortcodes-pages/typography.html) you can find the file with shortcodes we used to create demo page.

Unordered list - Read more

Special heading

Parameters: tag – set html tag, exemplary values: “h2”, “h3”. title_style – set style of title from here, exemplary values: “1”, “2”, “3”, “4”, “5”, “6”, “7”, “8”, “9”, “10”. id – (optional) add an unique id. Exemplary usage: See also demo of special heading. In full download package (Dummy data/shortcodes-pages/title-styles.html) you can find the

Special heading - Read more

Divider

Parameters: type – style type of divider, allowed values “1”, “2”, “3”, “4”, “5”, “6”, “7”. Exemplary usage: Notes: If you use divider type=”7″ then it’s possible to put text inside divider, example: See also demo of divider. In full download package (Dummy data/shortcodes-pages/divider.html) You can find the file with shortcodes we used to create

Divider - Read more

Circle

Parameters: link – add URL of link, for example: “http://example.com” or “#”. Exemplary usage: See also demo of circle shortcode. In full download package (Dummy data/shortcodes-pages/icons.html) you can find the file with shortcodes we used to create demo page.

Circle - Read more

Timeline

Exemplary usage: See also demo of timeline shortcode. In full download package (Dummy data/shortcodes-pages/timeline.html) you can find the file with shortcodes we used to create demo page.

Timeline - Read more

Progress bar

Parameters: text – add text, exemplary value: “My progress bar”. value – set value, for example: “50”. units – set units, for example: “%”. speed – set speed of animation, for example: “300”. type – choose style type, allowed values: “thin” or “thick”. text_color – set color of text, for example: “#fff”. bar_background_color – set

Progress bar - Read more

Counter

Parameters: type – style of design, exemplary values: “standard” or “light”. day – set day, exemplary value: “10”. month – set month, exemplary value: “10”. year – set year, exemplary value: “2018”. hour – set hour, exemplary value: “12”. minute – set minute, exemplary values: “30”. translate_day – translate word “day” (depends on your language),

Counter - Read more

Testimonial slider

Parameters: title – add title, exemplary value: “Testimonials”. delay – time between each slide, exemplary value in milliseconds: “5000”. Default: 3000. duration – speed of animation, exemplary value in milliseconds: “700”. Default: 500. auto – enable or disable autoslides, exemplary values: “0” or “1”. Notes: “0” – disable, “1” – enable. Default: disabled. Exemplary usage:

Testimonial slider - Read more

Testimonial

Parameters: name – add name, exemplary value: “Tom Sterling”. name_link – make name linked, exemplary value: “http://thememotive.com/”. org – name of organization/company, exemplary value: “ThemeMotive”. org_link – make organization name linked, exemplary value: “http://thememotive.com/”. avatar – URL of image, exemplary value: “http://cleancutta.com/wp-content/uploads/avatar3.jpg”. Exemplary usage: See also demo of testimonial shortcode. In full download package (Dummy

Testimonial - Read more

Recent projects

Parameters: title – set title, for example: “Recent projects”. number_of_columns – set number of projects/columns showing on the list, exemplary values: “2”, “3”, “4” etc.. view_anchor_text – text to translate or change “view” word, exemplare value “View project”. go_anchor_text – text to translate or change “go” word, exemplare value “Go to project page”. excerpt –

Recent projects - Read more

Recent posts in columns

Parameters: number_of_columns – set number of posts/columns showing on the list, exemplary values: “2”, “3”, “4” etc.. thumbnail – show excerpt, exemplary values: “yes” or “no”. headline – show headline, exemplary values: “yes” or “no”. meta – show meta, exemplary values: “yes” or “no”. excerpt – disable or enable excerpt, exemplary values: “yes” or “no”.

Recent posts in columns - Read more

Recent posts date exposed

Parameters: number_posts – set number of posts showing on the list, exemplary values: “3”, “4”, “5” etc.. excerpt – disable or enable excerpt, exemplary values: “yes” or “no”. excerpt_words – set the length of excerpt , exemplary value: “30”. strip_html – strip html tags from excerpt field, exemplary values: “yes” or “no”. category_name – show

Recent posts date exposed - Read more

Columns

Parameters: class – add a CSS class. id – add an unique id. style – add an inline style. Exemplary usage: One full [columns class=”” id=”” style=””] [one_full class=”” id=”” style=””]One full[/one_full] [/columns] One half + One half [columns] [one_half]One half[/one_half] [one_half]One half[/one_half] [/columns] One third + One third + One third [columns] [one_third]One third[/one_third]

Columns - Read more

Content box

Parameters: type – set type of content box, exemplary values: “normal”, “confirm”, “info”, “alert”, “warning”. Exemplary usage: See also demo of content box shortcodes. In full download package (Dummy data/shortcodes-pages/alerts.html) You can find the file with shortcodes we used to create demo page.

Content box - Read more

Information box

Parameters: title – add title, exemplary value: “Did you know…”. icon – icon name from Font Awesome, for example “fa-lightbulb-o”. class – add a CSS class. id – add an unique id. style – add an inline style. Exemplary usage: See also demo of information box shortcode. In full download package (Dummy data/shortcodes-pages/information-box.html) You can

Information box - Read more

Box colored alternative

Parameters: title – add title, exemplary value: “My title”. icon – icon name from Font Awesome, for example “fa-angle-double-right”. icon_background – set color of background for icon, exemplary values: “#f67913”, “orange”, etc.. background_color – set color of background, exemplary values: “#f67913”, “orange”, etc.. border_color – set color of border, exemplary values: “#f67913”, “orange”, etc.. Exemplary

Box colored alternative - Read more

Box colored

Parameters: title – add title, exemplary value: “My title”. background – set color of background, exemplary values: “#f67913”, “orange”, etc.. icon – icon name from Font Awesome, for example “fa-angle-double-right”. icon color – set color of icon, exemplary values: “#f67913”, “orange”, etc.. Exemplary usage: See also demo of boxes. In full download package (Dummy data/shortcodes-pages/boxes.html)

Box colored - Read more

Box icon left

Parameters: icon – icon name from Font Awesome, for example “fa-angle-double-right”. icon_size – set size of icon, exemplary values: “2”, “3”, “4” “5”. icon_color – set color of icon, exemplary values: “#f67913”, “orange”, etc.. icon_background – set background color of icon, exemplary values: “#f67913”, “orange”, etc.. Exemplary usage: See also demo of boxes. In full

Box icon left - Read more

Box default

Parameters: border_position – set position of the border, exemplary values: “top-border”, “right-border”, “bottom-border”, “left-border”, “all-borders”. border_color – set color of border, exemplary values: “#f67913”, “orange”, etc. border_width – set width of the border in px, exemplary value: “10px”, “1px”, etc.. icon – icon name from Font Awesome, for example “fa-angle-double-right”. class – add a CSS

Box default - Read more

Box

Parameters: icon – icon name from Font Awesome, for example “fa-angle-double-right”. icon_color – set color of icon, exemplary values: “#b24d26”, “orange”, etc. icon_background – set background color of icon, exemplary values: “#b24d26”, “orange”, etc. title – set title, exemplary value: “My custom title”. link – add optional link, exemplary value: “http://thememotive.com” Exemplary usage: See also

Box - Read more

Map

Parameters: address – put address, for example: “New York” or “40.7058316,-74.2581926” (format needs to be the same as used and rocognized on https://maps.google.com/. info – text for marker, for example: “Info text goes here”. show_info – show info, allowed values: “yes” or “no”. marker – custom marker URL, for example: “http://example.com/images/marker.png”. marker_animation – set marker

Map - Read more

Fullwidth

Parameters: padding_top – set value of padding top in px, exemplary value: “50px”. padding_right – set value of padding right in px, exemplary value: “100px”. padding_bottom – set value of padding bottom in px, exemplary value: “50px”. padding_left – set value of padding left in px, exemplary value: “100px”. background_color – set color of background,

Fullwidth - Read more

Social icons

Parameters: social_icons shortcode: type – set the shape of social links, allowed values “square”, “rounded”, “round”. shape – set type of social icons, allowed values: “boxed”, “unboxed”, “double”, “outline”, “vista”, “simple”, “classic”. social shortcode: link – set URL to social media profile, for example: “http://example.com”. title – set URL to social media profile, for example:

Social icons - Read more

Tabs

Parameters: vertical – set vertical style, allowed values “yes” or “no”. title – add title, for example: “Tab one”. Exemplary usage: See also demo of tabs. In full download package (Dummy data/shortcodes-pages/tabs.html) you can find the file with shortcodes we used to create demo page.

Tabs - Read more

Container

Parameters: class – add a CSS class. id – add an unique id. style – add an inline style. Exemplary usage: See also demo of container shortcode. In full download package (Dummy data/shortcodes-pages/container.html) you can find the file with shortcodes we used to create demo page.

Container - Read more

Team member

Parameters: name – add name, for example “John Sterling”. position – add position, for example: “CEO”. image_url – set image URL, for example “http://example.com/image.jpg”. image_alt – set image description, for example: “Image with John” (recommended for SEO). image_width” – set image width, for example: “500”. image_height – set image height, for example: “500”. image_fancy_border –

Team member - Read more

Toggle

Parameters: title – add title of toggle , exemplary value: “Toggle one”. Exemplary usage: See also demo of toggle shortcode. In full download package (Dummy data/shortcodes-pages/accordion-toggle.html) you can find the file with shortcodes we used to create demo page.

Toggle - Read more

Accordion shortcode

Parameters: title – set title of the accordion, for example “My custom title”. Exemplary usage: See also demo of accordion shortcode. In full download package (Dummy data/shortcodes-pages/accordion.html) You can find the file with shortcodes we used to create demo page.

Accordion shortcode - Read more

Button shortcode

Parameters: color – set predefinied color or use custom class, exemplary values: “orange”, “green”, “turquoise”, “azure”, “blue”, “purple”, “pink”, “red”, “brown”, “dark-gray”, “light-gray”, “custom”. size – set size of the button, exemplary values “small”, “normal”, “large”, “x-large”, “xx-large”. shape – set shape of the button, exemplary values “square”, “round”, “rounded”. type – set style type

Button shortcode - Read more

Top