{"id":5005,"date":"2014-04-21T11:39:24","date_gmt":"2014-04-21T11:39:24","guid":{"rendered":"https:\/\/thethemebuilders.review\/demonew\/?page_id=5005"},"modified":"2014-04-21T11:39:24","modified_gmt":"2014-04-21T11:39:24","slug":"font-awesome-icons-in-shortcodes","status":"publish","type":"page","link":"https:\/\/semnomic.com\/index.php\/font-awesome-icons-in-shortcodes\/","title":{"rendered":"Font Awesome Used In Other Shortcodes"},"content":{"rendered":"

[responsive_text compression=”30″ max=”32″ min=”20″ lineHeight=”1.6″ fontSize=”24″]Not only does MultiFlex feature a dedicated shortcode with all its features for Font Awesome icons, but they are available in many other shortcodes too!<\/span>[\/responsive_text]
\n[divider_padding]
\n[content_box title=”In the Process Steps<\/em><\/strong> shortcode ” width=”100%” titleBgColor=”rgba(255,255,255,1)” titleTextColor=”#000″ bgColor=”rgba(255,255,255,1)” rounded=”true” align=”center”]<\/p>\n

[process_steps type=”horizontal” size=”small” number=”5″]
\n[process_step title=”Step 1″ icon=”heart-o” icon_color=”#E05454″]
\nEtiam sit amet orci eget eros faucibus tincidunt.[\/process_step]
\n[process_step title=”Step 2″ icon=”bell-o” icon_color=”#E05454″]
\nEtiam sit amet orci eget eros faucibus tincidunt.
\n[\/process_step]
\n[process_step title=”Step 3″ icon=”bookmark-o” icon_color=”#E05454″]
\nEtiam sit amet orci eget eros faucibus tincidunt.
\n[\/process_step]
\n[process_step title=”Step 4″ icon=”comment-o” icon_color=”#E05454″]
\nEtiam sit amet orci eget eros faucibus tincidunt.
\n[\/process_step]
\n[process_step title=”Step 5″ icon=”star-o” icon_color=”#E05454″]
\nEtiam sit amet orci eget eros faucibus tincidunt.
\n[\/process_step]
\n[\/process_steps]<\/p>\n

[divider_padding]<\/p>\n

[process_steps type=”horizontal” size=”small” number=”5″]
\n[process_step title=”Step 1″ icon=”heart” icon_color=”#E05454″]
\nEtiam sit amet orci eget eros faucibus tincidunt.
\n[\/process_step]
\n[process_step title=”Step 2″ icon=”bell” icon_color=”#E05454″]
\nEtiam sit amet orci eget eros faucibus tincidunt.
\n[\/process_step]
\n[process_step title=”Step 3″ icon=”bookmark” icon_color=”#E05454″]
\nEtiam sit amet orci eget eros faucibus tincidunt.
\n[\/process_step]
\n[process_step title=”Step 4″ icon=”comment” icon_color=”#E05454″]
\nEtiam sit amet orci eget eros faucibus tincidunt.
\n[\/process_step]
\n[process_step title=”Step 5″ icon=”star” icon_color=”#E05454″]
\nEtiam sit amet orci eget eros faucibus tincidunt.
\n[\/process_step]
\n[\/process_steps]<\/p>\n

[divider_padding]<\/p>\n

\n
    \n
  • \n
    <\/i><\/div>\n
    \n

    Step 1<\/h3>\n

    Etiam sit amet orci eget eros faucibus tincidunt.<\/p><\/div>\n<\/li>\n

  • \n
    <\/i><\/div>\n
    \n

    Step 2<\/h3>\n

    Etiam sit amet orci eget eros faucibus tincidunt.<\/p><\/div>\n<\/li>\n

  • \n
    <\/i><\/div>\n
    \n

    Step 3<\/h3>\n

    Etiam sit amet orci eget eros faucibus tincidunt.<\/p><\/div>\n<\/li>\n

  • \n
    <\/i><\/div>\n
    \n

    Step 4<\/h3>\n

    Etiam sit amet orci eget eros faucibus tincidunt.<\/p><\/div>\n<\/li>\n

  • \n
    <\/i><\/div>\n
    \n

    Step 5<\/h3>\n

    Etiam sit amet orci eget eros faucibus tincidunt.<\/p><\/div>\n<\/li>\n<\/ul>\n<\/div>\n

    [\/content_box]<\/p>\n

    [content_box title=”In the Icon Box<\/em><\/strong> Shortcode with 3 options: inline, left and center” width=”100%” titleBgColor=”rgba(255,255,255,1)” titleTextColor=”#000″ bgColor=”rgba(255,255,255,1)” rounded=”true” align=”left” class=”content_box-by_diego_1″]
    \n[framed_box bgColor=”rgba(255,255,255,1)” borderColor=”#d8d8d8″ textColor=”#000000″ rounded=”true”]
    \n[one_third][iconbox icon=”cloud” iconColor=”#E05454″ title=”Sanctus sea sed takimata” type=”inline”]Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl.[\/iconbox] [\/one_third]
    \n[one_third] [iconbox icon=”cloud-download” iconColor=”#E05454″ title=”Stet clita kasd gubergren” type=”inline”]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.[\/iconbox][\/one_third]
    \n[one_third_last][iconbox icon=”cloud-upload” iconColor=”#E05454″ title=”Lorem ipsum dolor sit amet” type=”inline”]At vero eos et accusam et justo duo dolores et ea rebum. Sanctus sea sed takimata ut vero voluptua.[\/iconbox] [\/one_third_last]
    \n[\/framed_box]
    \n[framed_box bgColor=”rgba(255,255,255,1)” borderColor=”#d8d8d8″ textColor=”#000000″ rounded=”true”]
    \n[one_third][iconbox icon=”cloud” iconColor=”#E05454″ title=”Sanctus sea sed takimata” type=”left”]Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl.[\/iconbox] [\/one_third]
    \n[one_third][iconbox icon=”cloud-download” iconColor=”#E05454″ title=”Stet clita kasd gubergren” type=”left”]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.[\/iconbox] [\/one_third]
    \n[one_third_last][iconbox icon=”cloud-upload” iconColor=”#E05454″ title=”Lorem ipsum dolor sit amet” type=”left”]At vero eos et accusam et justo duo dolores et ea rebum. Sanctus sea sed takimata ut vero voluptua.[\/iconbox] [\/one_third_last]
    \n[\/framed_box]
    \n[framed_box bgColor=”rgba(255,255,255,1)” borderColor=”#d8d8d8″ textColor=”#000000″ rounded=”true”]
    \n[one_third][iconbox icon=”cloud” iconColor=”#E05454″ title=”Sanctus sea sed takimata” type=”center”]Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl.[\/iconbox] [\/one_third]
    \n[one_third] [iconbox icon=”cloud-download” iconColor=”#E05454″ title=”Stet clita kasd gubergren” type=”center”]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.[\/iconbox] [\/one_third]
    \n[one_third_last] [iconbox icon=”cloud-upload” iconColor=”#E05454″ title=”Lorem ipsum dolor sit amet” type=”center”]At vero eos et accusam et justo duo dolores et ea rebum. Sanctus sea sed takimata ut vero voluptua.[\/iconbox] [\/one_third_last]
    \n[\/framed_box]
    \n[\/content_box]<\/p>\n

    [content_box title=”In the Buttons<\/em><\/strong> Shortcode and in the Top Navigation Main Menu and Submenus<\/em><\/strong> of the site” width=”100%” titleBgColor=”rgba(255,255,255,1)” titleTextColor=”#000″ bgColor=”rgba(255,255,255,1)” rounded=”true” align=”center”]
    \n[one_half][button size=”large” bgColor=”#00A36F” textColor=”white” hoverBgColor=”#00A36F” hoverTextColor=”white” icon=”beer” icon_color=”#F1ED91″]Press Here for a Free Beer[\/button]
    \n
    \n[button size=”medium” bgColor=”#00A36F” textColor=”white” hoverBgColor=”#00A36F” hoverTextColor=”white” icon=”beer” icon_color=”#F1ED91″]Press Here for a Free Beer[\/button]
    \n
    \n[button size=”small” bgColor=”#00A36F” textColor=”white” hoverBgColor=”#00A36F” hoverTextColor=”white” icon=”beer” icon_color=”#F1ED91″]Press Here for a Free Beer[\/button] [divider_padding][clearboth][\/one_half]
    \n[one_half_last]<\/p>\n

    \"Screenshot
    Screenshot of a portion of the top navigation main menu. Font Awesome icon fonts also available for submenus. A different color can be chosen for each icon.<\/figcaption><\/figure>
    \n[\/one_half_last]
    \n[\/content_box]<\/p>\n

    [content_box title=”In the Tabs<\/em><\/strong> Shortcode (Regular Tabs<\/em>, MiniTabs<\/em> and Vertical Tabs<\/em>)” width=”100%” titleBgColor=”rgba(255,255,255,1)” titleTextColor=”#000″ bgColor=”rgba(255,255,255,1)” rounded=”true” align=”center”]
    \n[one_third] [tabs]
    \n[tab title=”” icon=”truck” icon_color=”#0075D1″]
    \nLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
    \n[\/tab]
    \n[tab title=”” icon=”plane” icon_color=”#0075D1″]
    \nDiam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
    \n[\/tab]
    \n[tab title=”” icon=”fighter-jet” icon_color=”#0075D1″]
    \nNam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod.
    \n[\/tab]
    \n[tab title=”The Fastest!” icon=”rocket” icon_color=”#0075D1″]
    \nSanctus sea sed takimata ut vero voluptua.Lorem ipsum dolor sit amet, consetetur.
    \n[\/tab]
    \n[\/tabs][\/one_third]
    \n[one_third]
    \n[mini_tabs]
    \n[tab title=”” icon=”circle-o” icon_color=”#d92727″]
    \nSanctus sea sed takimata ut vero voluptua.Lorem ipsum dolor sit amet, consetetur.
    \n[\/tab]
    \n[tab title=”” icon=”dot-circle-o” icon_color=”#d92727″]
    \nNam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod.
    \n[\/tab]
    \n[tab title=”” icon=”bullseye” icon_color=”#d92727″]
    \nDiam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
    \n[\/tab]
    \n[tab title=”Full” icon=”circle” icon_color=”#d92727″]
    \nLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
    \n[\/tab]
    \n[\/mini_tabs]
    \n[\/one_third]
    \n[one_third_last]<\/p>\n

    [vertical_tabs]
    \n[tab title=”” icon=”lemon-o” icon_color=”#d62323″]
    \nNam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod.
    \n[\/tab]
    \n[tab title=”” icon=”heart-o” icon_color=”#2b80cc”]
    \nSanctus sea sed takimata ut vero voluptua.Lorem ipsum dolor sit amet, consetetur.
    \n[\/tab]
    \n[tab title=”” icon=”comment-o” icon_color=”#d62323″]
    \nDiam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
    \n[\/tab]
    \n[tab title=”” icon=”bookmark-o” icon_color=”#2b80cc”]
    \nLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
    \n[\/tab]
    \n[\/vertical_tabs]
    \n[\/one_third_last]
    \n[\/content_box]<\/p>\n

    [content_box title=”In the Milestone<\/em><\/strong> Shortcode” titleBgColor=”rgba(255,255,255,1)” titleTextColor=”rgba(0,0,0,1)” bgColor=”rgba(255,255,255,1)” textColor=”rgba(0,0,0,1)” rounded=”true” align=”center” class=”content_box-by_diego_1″]
    \n[one_fourth]
    \n[milestone numberFrom=”17000″ number=”17177″ subject=”Striking Licenses Sold” size=”small” numberColor=”#000000″ subjectColor=”#000000″ icon=”rocket” iconColor=”#2C8BD4″ speed=”300000″]
    \n[\/one_fourth]
    \n[one_fourth]
    \n[milestone numberFrom=”2350″ number=”2489″ subject=”Total Ratings” size=”small” numberColor=”#000000″ subjectColor=”#000000″ icon=”star” iconColor=”#FFC50B” speed=”1000000″]
    \n[\/one_fourth]
    \n[one_fourth]
    \n[milestone numberFrom=”2000″ number=”2044″ subject=”Five Stars Ratings” size=”small” numberColor=”#000000″ subjectColor=”#000000″ icon=”star” iconColor=”#FFC50B” speed=”100000″]
    \n[\/one_fourth]
    \n[one_fourth_last]
    \n[milestone numberFrom=”300″ number=”320″ subject=”Four Stars Ratings” size=”small” numberColor=”#000000″ subjectColor=”#000000″ icon=”star” iconColor=”#FFC50B” speed=”100000″]
    \n[\/one_fourth_last]
    \n[\/content_box]<\/p>\n

    [content_box title=”In the Pie Progress<\/em><\/strong> Shortcode” width=”100%” titleBgColor=”rgba(255,255,255,1)” titleTextColor=”#000″ bgColor=”rgba(255,255,255,1)” rounded=”true” align=”center”]
    \n[one_third]
    \n[pie_progress percent=”95″ size=”small” label=”icon” text=”Bugs Squashed” icon=”thumbs-up” labelColor=”#38BD68″ trackcolor=”#cccccc” barcolor=”#38BD68″]<\/p>\n

    [icon_font type=”star” color=”#FFC50B”] [icon_font type=”star” color=”#FFC50B”] [icon_font type=”star” color=”#FFC50B”] [icon_font type=”star” color=”#FFC50B”] [icon_font type=”star-half-full” color=”#FFC50B”]
    95% Five or Four Star Ratings<\/h4>\n

    [divider_padding]
    \n[\/one_third]
    \n[one_third]
    \n[pie_progress percent=”82″ size=”small” label=”icon” text=”Bugs Squashed” icon=”thumbs-up” labelColor=”#38BD68″ trackcolor=”#cccccc” barcolor=”#38BD68″]<\/p>\n

    [icon_font type=”star” color=”#FFC50B”][icon_font type=”star” color=”#FFC50B”][icon_font type=”star” color=”#FFC50B”][icon_font type=”star” color=”#FFC50B”][icon_font type=”star” color=”#FFC50B”]
    82% Five Star Ratings<\/h4>\n

    [divider_padding]
    \n[\/one_third]
    \n[one_third_last]
    \n[pie_progress percent=”13″ size=”small” label=”icon” text=”Bugs Squashed” icon=”thumbs-up” labelColor=”#38BD68″ trackcolor=”#cccccc” barcolor=”#38BD68″]<\/p>\n

    [icon_font type=”star” color=”#FFC50B”][icon_font type=”star” color=”#FFC50B”][icon_font type=”star” color=”#FFC50B”][icon_font type=”star” color=”#FFC50B”]
    13% Four Star Ratings<\/h4>\n

    [divider_padding]
    \n[\/one_third_last]
    \n[\/content_box]<\/p>\n

    [content_box icon=”bullhorn” icon_color=”#e71e1e” title=”Look to the left! – In the Content Box<\/em><\/strong> Shortcode (employed many times all over this page)” titleBgColor=”rgba(255,255,255,1)” titleTextColor=”rgba(0,0,0,1)” bgColor=”rgba(255,255,255,1)” textColor=”rgba(0,0,0,1)” rounded=”true” align=”center” class=”content_box-by_diego_1″][responsive_text compression=”47″ max=”18″ min=”14″ lineHeight=”1.6″ fontSize=”16″]…and much more combinations using other shortcodes and layouts. Just one limit, your imagination [icon_font type=”smile-o” color=”#2c8bd2″] [\/responsive_text]
    \n[\/content_box]<\/p>\n

    [divider_padding]
    \n[divider_padding]<\/p>\n

    More About the Font Awesome Implementation in Striking Multiflex<\/h2>\n

    [divider_padding]
    \n[one_half]
    \n[framed_box bgColor=”#D54242″ textColor=”#ffffff” borderColor=”#DD2929″ borderThickness=”0″ rounded=”true”]
    \n[responsive_text compression=”17″ max=”24″ min=”18″ lineHeight=”1.6″ fontSize=”38″]
    \nThe Most Advanced Implementation of Font Awesome<\/strong>
    \n[\/responsive_text]
    \n[button size=”large” align=”right” link=”https:\/\/thethemebuilders.review\/demonew\/font-awesome-icons-overview\/” color=”” bgColor=”white” textColor=”#C23030″ icon=”th-list” icon_color=”#C23030″]
    \nLet’s See an Overview of the Shortcode!
    \n[\/button]
    \n[divider_padding]
    \n[\/framed_box]
    \n[\/one_half]
    \n[one_half_last]
    \n[framed_box bgColor=”#228ACE” textColor=”#ffffff” borderColor=”#0F74B6″ borderThickness=”0″ rounded=”true”]
    \n[responsive_text compression=”17″ max=”24″ min=”18″ lineHeight=”1.6″ fontSize=”38″]
    \nFull set of Font Awesome Icons in Striking Multiflex<\/strong>
    \n[\/responsive_text]
    \n[button id=”font_awesome_full_set” size=”large” align=”right” link=”https:\/\/thethemebuilders.review\/demonew\/font-awesome-icons-complete-collection\/” color=”” bgColor=”#ffffff” textColor=”#0F74B6″ icon=”th” icon_color=”#0F74B6″]Press Here to See the 479<\/strong> Icons set![\/button]
    \n[divider_padding]
    \n[\/framed_box]
    \n[\/one_half_last]<\/p>\n","protected":false},"excerpt":{"rendered":"

    [responsive_text compression=”30″ max=”32″ min=”20″ lineHeight=”1.6″ fontSize=”24″]Not only does MultiFlex feature a dedicated shortcode with all its features for Font Awesome icons, but they are available in many other shortcodes too![\/responsive_text] [divider_padding] [content_box title=”In the Process Steps shortcode ” width=”100%” titleBgColor=”rgba(255,255,255,1)” titleTextColor=”#000″ bgColor=”rgba(255,255,255,1)” rounded=”true” align=”center”] [process_steps type=”horizontal” size=”small” number=”5″] [process_step title=”Step 1″ icon=”heart-o” icon_color=”#E05454″] Etiam sit […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/pages\/5005"}],"collection":[{"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/comments?post=5005"}],"version-history":[{"count":0,"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/pages\/5005\/revisions"}],"wp:attachment":[{"href":"https:\/\/semnomic.com\/index.php\/wp-json\/wp\/v2\/media?parent=5005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}