Shortcodes help you to easily create prefefined theme specific content and can be inserted anywhere in your content, using the text tab of your WordPress Page or Post content editor. Before start using shortcodes, don't forget to install and enable the IC Shortcodes plugin that comes with the theme, otherwise they will not work.
Clears your floated content.
[clearboth]Add white space between 2 elements, one after another. Can be used anywhere in the theme to create a good vertical typographic rithm.
[spacer size="20px"]Each time you want to create a layout split in several columns, make sure that the column shortcodes are wrapped in a column wrapper shortcode.
[columns_wrapper columns="2"]
[column_item]
One Half Content
[/column_item]
[column_item]
One Half Content
[/column_item]
[/columns_wrapper]The above example creates a 2 column layout inside your page. If you wish to create a 3. 4 or a 5 column layout, just added 3 or 4 or 5 [column_item]...[/column_item] pairs inside the [column_wrapper] shortcode and make sure you change the columns parameter to 3, 4 or 5. You can also have 1/3 with 2/3 column layout using onethird-left or onethird-right for the columns parameter and 2 pairs of [column_item]...[/column_item].
Use this shortcode if you wish to center align and narrow the content in your page.
[centered_wrapper]...[/centered_wrapper]Generates an unordered list with an icon of your choice.
[custom_list indent="12px"]
[clist_item icon="fa fa-arrow-right" icon_color="#2c2e32" icon_background="#fff"]ali altera philosophia id nec[/clist_item]
[clist_item icon="fa fa-arrow-right" icon_color="#2c2e32" icon_background="#fff"]eam cu eius nostrum repudiandae[/clist_item]
[clist_item icon="fa fa-arrow-right" icon_color="#2c2e32" icon_background="#fff"]ei veri saepe consetetur pro[/clist_item]
[/custom_list]
Generares a button that will link to any link of your choice.
[button url="#" color="skin" title="Sample Title" target="_blank" type="fill" icon="fa fa-chevron-right" class=""]Your Button Text[/button]For the color parameter you can choose between white, red, orange, blue, green and skin(that is the current color skin).
For the type parameter you can choose between fill or border.
target="_blank" means that the link will open in a new tab.
Generates a colored message box with the text of your choice.
[messagebox class="" color="#10b9d2" background="#e1fbff" border="#10b9d2"]
text inside your message box
[/messagebox]
Creates text paragraphs that have a larger font size with the color of your choice.
[intro align="left" textcolor="#2c2e32" class=""]text inside your intro paragraph[/intro]Generates a small horizontal line with the current skin color. It can be left, right or center aligned.
[decoration align="left" class=""]
Wraps your text in a tagline - in our case, a smaller but emphasized text.
[tagline color="#fff" background="#e01100" align="left" class=""]text inside your tagline[/tagline]
Creates a service block with icon, header, description and an optional class name that you can use to customize the shortcode via css.
[service_block title="Unlimited Colors" icon="icon-RGB" icon_type="icon" align="center" icon_type="icon"]
Ut eum maiorum consequat disputationi sed lorem ullamcorper in solum
accusamus sale gubergren constituam novum.
<a href="#" class="sb-more">Learn More</a>
[/service_block]
For the align parameter you can choose between left, center or right.
For the icon_type parameter you can choose between icon or image. If you choose image, then instead of an icon code from an icon library, you must insert an absolute path to an icon image for the icon parameter.
Generates a title wrapped inside a heading of your choice(h1-h6) with a text link.
[section_title title="Latest From Blog" heading="2" url="#" more_text="View All Posts"]
Generates a block with your company stats.
[company_highlights columns="4" button_text="Work With Us" button_url="#" message="Maiorum consequat disputationi sed lorem ullamcorper solum accusamus sale gubergren constituam novum."]
[company_highlights_section number="7" desc="years in business"]
[company_highlights_section number="4" desc="continents served"]
[company_highlights_section number="32" desc="happy clients"]
[company_highlights_section number="175" desc="projects delivered"]
[/company_highlights]
Creates a call to action box with icon, text, background image and button.
[cta background_image="absolute_path_to_image" background_color="#e4e4e4" button_text="Let’s Talk About Your Project" button_color="white" url="#" icon="icon-Knight" title="Let Us Help You Build A Better Future World!"]
Generates a section with title, small description and icon.
[document_info title="General Presentation" desc="(PDF - 1.63Mb)" url="#" icon=""]
Generates a section with image, title, position, description and social media profiles for a team member. You can also wrap this shortcode in a content carousel shortcode to create a carousel with all your team members.
[team_member name="Arielle Johansson" position="Marketing Director" image="http://celestialthemes.com/demos/innovaconstruct/wp-content/themes/innovaconstruct/images/team2.jpg" facebook="#" linkedin="#" instagram="#" email="#" layout="default"]
If you want to display the short description, you should use the shortcode like this:
[team_member name="Arielle Johansson" position="Marketing Director" image="http://celestialthemes.com/demos/innovaconstruct/wp-content/themes/innovaconstruct/images/team2.jpg" facebook="#" linkedin="#" instagram="#" email="#" layout="extended"]Id eam aliquam autem concludaturque, est esse no his an tritani accusam ex nam atqui est esse no his an tritani accusam ex nam atqui sit ut lorem eripuit reprehendunt.[/team_member]
Generates a section with testimonials from your clients. You can also wrap this shortcode in a content carousel shortcode to create a carousel with all your clients' testimonials.
[testimonial name="Melissa Carlson" position="Media Consult Partner" image="http://celestialthemes.com/demos/innovaconstruct/wp-content/themes/innovaconstruct/images/testimonial1.jpg" type="1"]
Generates icons with rounded background that can link to anything you want, for example to social media profiles.
[media_icon icon="fab fa-facebook-f" url="#"]
[media_icon icon="fab fa-linkedin-in" url="#"]
[media_icon icon="fab fa-instagram" url="#"]
[media_icon icon="fab fa-twitter" url="#"]
Generates an icon with text to its right.
[icon_text_block icon="mi-icon mi-icon-location4" icon_size="16px" content_left_margin="34px" icon_top_margin="1px"]
21 Archway St, London, ID1 1QD
[/icon_text_block]
[spacer size="10px"]
[icon_text_block icon="mi-icon mi-icon-phone2" icon_size="16px" content_left_margin="34px" icon_top_margin="1px"]
+ 1 - 3454 - 5678 - 77
[/icon_text_block]
[spacer size="10px"]
[icon_text_block icon="mi-icon mi-icon-envelop4" icon_size="16px" content_left_margin="34px" icon_top_margin="1px"]
<a href="mailto:sales@innovaconstruct.com">sales@innovaconstruct.com</a>
[/icon_text_block]
Creates thumbnail that opens inside a lightbox.
[lightbox title="short image desc" url="absolute_path_to_large_image" thumbnail="absolute_path_to_thumbnail_image" type="single" align="left"]For the type parameter you can choose between single, gallery or video.
For the align parameter you can choose between left or right.
Creates a google maps with location and custom styling.
[google_map mapinfo="Innova Construct Location" map_skin="dark" zoom="16" height="440px"]
For the map_skin parameter you can choose between light or dark.
Generates content grouped in tabs.
[tabs_body type="top"]
[tab_title_wrapper]
[tab_title active="true" id="my-first-tab" title="Integrity"]
[tab_title id="my-second-tab" title="Accountability"]
[tab_title id="third-tab" title="Partnership"]
[/tab_title_wrapper]
[tab_content_wrapper]
[tab_content active="true" id="my-first-tab"]
Simul insolens et ius, etiam signiferumque mediocritatem cu has. Sea hinc delectus periculis te, has brute volutpat ad. Vel no viris viderer honestatis, pro ridens iisque voluptaria ei.
Vel id lobortis mediocrem, est ei animal apeirian, ne affert facilisi postulant sit. Laoreet liberavisse vix at, sed an odio brute equidem, has te labitur tacimates electram. Ad mei justo ridens, possit quaeque vim ea. Eos ipsum nostro aliquip ea, ei scriptorem complectitur.
[/tab_content]
[tab_content id="my-second-tab"]
Sea nullam facete splendide ad, quis utinam doctus ad sit, per sensibus volutpat cu. Vis modo equidem quaestio ex. Movet munere iudicabit in vel, id vix dolore convenire. In per impedit intellegam, eu vim dicta luptatum. An dico maluisset principes eum. Qui te liber legere, vel ex debitis contentiones disputationi. An nam debitis petentium. Atqui graeco saperet an mel, ei cum putent appetere.
[/tab_content]
[tab_content id="third-tab"]
Quodsi noluisse vix ad, eos ut tantas officiis laboramus, velit accusam consequuntur per te. Dolor detracto mandamus eu sit. Ei ferri debet assentior quo. Wisi omnes legimus cu sea. Postulant expetenda pri no, alia elit adipisci id sed.
Et has tritani neglegentur. Sit id meis tantas efficiendi, sea no nobis dolor. Dicunt inimicus euripidis cum id. Erat meliore gloriatur ad his. Saepe nemore ex pro.
[/tab_content]
[/tab_content_wrapper]
[/tabs_body]
For the type parameter you can choose between top, left or right.
Generates a carousel with any content.
[content_carousel visible_items="3" visible_items_ss="2" category="" nav_arrows="true" nav_dots="false" autoplay="true" loop="true" nav_arrows_alt="false"]visible_items_ss stands for visible items on smaller screen resolutions(991px to 1440px screen width).
Displays your latest portfolio posts from the category(slug) of your choice.
[portfolio_list qty="3" category=""]
Generates a portfolio carousel with your latest portfolio posts from the category(slug) of your choice.
[portfolio_carousel qty="6" visible_items="3" category="" nav_arrows="true" nav_dots="false" autoplay="true" loop="true"]
Generates a blog carousel with your latest blog posts from the category(slug) of your choice.
[blog_carousel qty="6" visible_items="3" category="" nav_arrows="true" nav_dots="false" autoplay="true" loop="true"]