Font Awesome Used In Other Shortcodes

[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 amet orci eget eros faucibus tincidunt.[/process_step]
[process_step title=”Step 2″ icon=”bell-o” icon_color=”#E05454″]
Etiam sit amet orci eget eros faucibus tincidunt.
[/process_step]
[process_step title=”Step 3″ icon=”bookmark-o” icon_color=”#E05454″]
Etiam sit amet orci eget eros faucibus tincidunt.
[/process_step]
[process_step title=”Step 4″ icon=”comment-o” icon_color=”#E05454″]
Etiam sit amet orci eget eros faucibus tincidunt.
[/process_step]
[process_step title=”Step 5″ icon=”star-o” icon_color=”#E05454″]
Etiam sit amet orci eget eros faucibus tincidunt.
[/process_step]
[/process_steps]

[divider_padding]

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

[divider_padding]

  • Step 1

    Etiam sit amet orci eget eros faucibus tincidunt.

  • Step 2

    Etiam sit amet orci eget eros faucibus tincidunt.

  • Step 3

    Etiam sit amet orci eget eros faucibus tincidunt.

  • Step 4

    Etiam sit amet orci eget eros faucibus tincidunt.

  • Step 5

    Etiam sit amet orci eget eros faucibus tincidunt.

[/content_box]

[content_box title=”In the Icon Box 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″]
[framed_box bgColor=”rgba(255,255,255,1)” borderColor=”#d8d8d8″ textColor=”#000000″ rounded=”true”]
[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]
[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]
[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]
[/framed_box]
[framed_box bgColor=”rgba(255,255,255,1)” borderColor=”#d8d8d8″ textColor=”#000000″ rounded=”true”]
[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]
[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]
[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]
[/framed_box]
[framed_box bgColor=”rgba(255,255,255,1)” borderColor=”#d8d8d8″ textColor=”#000000″ rounded=”true”]
[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]
[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]
[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]
[/framed_box]
[/content_box]

[content_box title=”In the Buttons Shortcode and in the Top Navigation Main Menu and Submenus of the site” width=”100%” titleBgColor=”rgba(255,255,255,1)” titleTextColor=”#000″ bgColor=”rgba(255,255,255,1)” rounded=”true” align=”center”]
[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]

[button size=”medium” bgColor=”#00A36F” textColor=”white” hoverBgColor=”#00A36F” hoverTextColor=”white” icon=”beer” icon_color=”#F1ED91″]Press Here for a Free Beer[/button]

[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]
[one_half_last]

Screenshot of a portion of the main menu of the best responsive wordpress theme
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.

[/one_half_last]
[/content_box]

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

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

[content_box title=”In the Milestone 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″]
[one_fourth]
[milestone numberFrom=”17000″ number=”17177″ subject=”Striking Licenses Sold” size=”small” numberColor=”#000000″ subjectColor=”#000000″ icon=”rocket” iconColor=”#2C8BD4″ speed=”300000″]
[/one_fourth]
[one_fourth]
[milestone numberFrom=”2350″ number=”2489″ subject=”Total Ratings” size=”small” numberColor=”#000000″ subjectColor=”#000000″ icon=”star” iconColor=”#FFC50B” speed=”1000000″]
[/one_fourth]
[one_fourth]
[milestone numberFrom=”2000″ number=”2044″ subject=”Five Stars Ratings” size=”small” numberColor=”#000000″ subjectColor=”#000000″ icon=”star” iconColor=”#FFC50B” speed=”100000″]
[/one_fourth]
[one_fourth_last]
[milestone numberFrom=”300″ number=”320″ subject=”Four Stars Ratings” size=”small” numberColor=”#000000″ subjectColor=”#000000″ icon=”star” iconColor=”#FFC50B” speed=”100000″]
[/one_fourth_last]
[/content_box]

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

[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

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

[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

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

[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

[divider_padding]
[/one_third_last]
[/content_box]

[content_box icon=”bullhorn” icon_color=”#e71e1e” title=”Look to the left! – In the Content Box 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]
[/content_box]

[divider_padding]
[divider_padding]

More About the Font Awesome Implementation in Striking Multiflex

[divider_padding]
[one_half]
[framed_box bgColor=”#D54242″ textColor=”#ffffff” borderColor=”#DD2929″ borderThickness=”0″ rounded=”true”]
[responsive_text compression=”17″ max=”24″ min=”18″ lineHeight=”1.6″ fontSize=”38″]
The Most Advanced Implementation of Font Awesome
[/responsive_text]
[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″]
Let’s See an Overview of the Shortcode!
[/button]
[divider_padding]
[/framed_box]
[/one_half]
[one_half_last]
[framed_box bgColor=”#228ACE” textColor=”#ffffff” borderColor=”#0F74B6″ borderThickness=”0″ rounded=”true”]
[responsive_text compression=”17″ max=”24″ min=”18″ lineHeight=”1.6″ fontSize=”38″]
Full set of Font Awesome Icons in Striking Multiflex
[/responsive_text]
[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 Icons set![/button]
[divider_padding]
[/framed_box]
[/one_half_last]

Leave a Reply