Buttons – YFG Academy

[tm-heading h2=»Button Size» h2_font_container=»line_height:29px» use_custom_fonts_h2=»true»]4 different sizes: super, large, default and small.[/tm-heading]

[tm-btn title=»LARGE SIZE» style=»classic» size=»lg» link=»url:%23|||»]

[tm-btn title=»NORMAL SIZE» style=»classic» color=»success» link=»url:%23|||»]

[tm-btn title=»SMALL SIZE» style=»classic» color=»black» size=»sm» link=»url:%23|||»]

[tm-btn title=»MINI SIZE» style=»classic» size=»xs» link=»url:%23|||»]

[tm-heading h2=»Button Type» h2_font_container=»line_height:29px» use_custom_fonts_h2=»true»]4 different shapes: default, circle, round and square.[/tm-heading]

[tm-btn title=»DEFAULT»]

[tm-btn title=»CIRCLE» style=»classic» color=»success» link=»url:%23|||»]

[tm-btn title=»ROUND» style=»classic» shape=»rounded» color=»black» link=»url:%23|||»]

[tm-btn title=»SQUARE» style=»classic» shape=»square» link=»url:%23|||»]

[tm-heading h2=»Buttons with Icons» h2_font_container=»line_height:29px» use_custom_fonts_h2=»true»]Buttons are fully integrated with differents icons.[/tm-heading]

[tm-btn title=»ICON LEFT» add_icon=»true» i_align=»left» i_icon_themify=»themifyicon ti-shopping-cart»]

[tm-btn title=»ICON RIGHT» style=»classic» color=»success» add_icon=»true» i_icon_themify=»themifyicon ti-shopping-cart» link=»url:%23|||»]

[tm-btn title=»ICON LEFT» style=»outline» color=»black» add_icon=»true» i_align=»left» i_icon_themify=»themifyicon ti-shopping-cart» link=»url:%23|||»]

[tm-btn title=»ICON RIGHT» style=»outline» add_icon=»true» i_icon_themify=»themifyicon ti-shopping-cart» link=»url:%23|||»]

[tm-heading h2=»Buttons Styles» h2_font_container=»line_height:29px» use_custom_fonts_h2=»true»]Buttons with differents styles.[/tm-heading]

[tm-btn title=»FLAT BUTTON» color=»grey» link=»url:%23|||»]

[tm-btn title=»MODERN BUTTON» style=»modern» link=»url:%23|||»]

[tm-btn title=»CLASSIC BUTTON» style=»classic» color=»black» link=»url:%23|||»]

[tm-btn title=»3D BUTTON» style=»3d» color=»vista-blue» link=»url:%23|||»]

[tm-btn title=»OUTLINE BUTTON» style=»outline» color=»violet» link=»url:%23|||»]

[tm-btn title=»TEXT BUTTON» style=»text» link=»url:%23|||»]

[tm-btn title=»CUSTOM BUTTON» style=»custom» custom_text=»#0066bf» link=»url:%23|||»]

[tm-btn title=»GRADIENT BUTTON» style=»gradient» link=»url:%23|||»]

[tm-btn title=»CUSTOM OUTLINE» style=»outline-custom» outline_custom_color=»#1e73be» outline_custom_hover_background=»#eeee22″ outline_custom_hover_text=»#ffffff» link=»url:%23|||»]

[tm-btn title=»GRADIAN CUSTOM» style=»gradient-custom» link=»url:%23|||»]