Buttons

[title type=»special-h4-left»]Special Buttons[/title]
[button title=»Dark I» link=»#» new_tab=»no» color=»second-dark»]
[button title=»Dark II» link=»#» new_tab=»no» color=»third-dark»]
[button title=»Yellow» link=»#» new_tab=»no» color=»yellow»]
[button title=»Light II» link=»#» new_tab=»no» color=»third-light»]

[spacer height=»20px»]

[title type=»special-h4-left»]3D Button Examples[/title]

[button title=»Default» link=»#» new_tab=»no»]
[button title=»Turqoise» link=»#» new_tab=»no» color=»turqoise»]
[button title=»Green Sea» link=»#» new_tab=»no» color=»green-sea»]
[button title=»Sunflower» link=»#» new_tab=»no» color=»sunflower»]
[button title=»Orange» link=»#» new_tab=»no» color=»orange»]
[button title=»Emerald» link=»#» new_tab=»no» color=»emerald»]
[button title=»Nephritis» link=»#» new_tab=»no» color=»nephritis»]
[button title=»Carrot» link=»#» new_tab=»no» color=»carrot»]
[button title=»Pumpkin» link=»#» new_tab=»no» color=»pumpkin»]
[button title=»Peter River» link=»#» new_tab=»no» color=»peter-river»]
[button title=»Belize Hole» link=»#» new_tab=»no» color=»belize-hole»]
[button title=»Alizarin» link=»#» new_tab=»no» color=»alizarin»]
[button title=»Pomegranate» link=»#» new_tab=»no» color=»pomegranate»]
[button title=»Amethyst» link=»#» new_tab=»no» color=»amethyst»]
[button title=»Wisteria» link=»#» new_tab=»no» color=»wisteria»]
[button title=»Wet Asphalt» link=»#» new_tab=»no» color=»wet-asphalt»]
[button title=»Midnight Blue» link=»#» new_tab=»no» color=»midnight-blue»]
[button title=»Concrete» link=»#» new_tab=»no» color=»concrete»]
[button title=»Asbestos» link=»#» new_tab=»no» color=»asbestos»]

[spacer height=»20″]

[title type=»special-h4-left»]3D With Icons[/title]

[button title=»Default» icon=»hb-moon-loop-3″ link=»#» new_tab=»no»]
[button title=»Turqoise» icon=»hb-moon-weather-snow» link=»#» new_tab=»no» color=»turqoise»]
[button title=»Green Sea» icon=»hb-moon-eye-5″ link=»#» new_tab=»no» color=»green-sea»]
[button title=»Sunflower» icon=»icon-lightbulb» link=»#» new_tab=»no» color=»sunflower»]
[button title=»Orange» icon=»hb-moon-fire» link=»#» new_tab=»no» color=»orange»]
[button title=»Emerald» icon=»hb-moon-download-2″ link=»#» new_tab=»no» color=»emerald»]
[button title=»Nephritis» icon=»hb-moon-stack-3″ link=»#» new_tab=»no» color=»nephritis»]
[button title=»Carrot» icon=»icon-thumbs-up-alt» link=»#» new_tab=»no» color=»carrot»]
[button title=»Pumpkin» icon=»icon-truck» link=»#» new_tab=»no» color=»pumpkin»]
[button title=»Peter River» icon=»icon-css3″ link=»#» new_tab=»no» color=»peter-river»]
[button title=»Belize Hole» icon=»hb-moon-users-5″ link=»#» new_tab=»no» color=»belize-hole»]
[button title=»Alizarin» icon=»hb-moon-meter-fast» link=»#» new_tab=»no» color=»alizarin»]
[button title=»Pomegranate» icon=»hb-moon-food-2″ link=»#» new_tab=»no» color=»pomegranate»]
[button title=»Amethyst» icon=»hb-moon-wand» link=»#» new_tab=»no» color=»amethyst»]
[button title=»Wisteria» icon=»hb-moon-screen-3″ link=»#» new_tab=»no» color=»wisteria»]
[button title=»Wet Asphalt» icon=»icon-bullhorn» link=»#» new_tab=»no» color=»wet-asphalt»]
[button title=»Midnight Blue» icon=»hb-moon-crown» link=»#» new_tab=»no» color=»midnight-blue»]
[button title=»Concrete» link=»#» icon=»hb-moon-brain» new_tab=»no» color=»concrete»]
[button title=»Asbestos» link=»#» icon=»icon-off» new_tab=»no» color=»asbestos»]

[spacer height=»20″]

[title type=»special-h4-left»]3D + Special Styled Icons[/title]

[button title=»Default» icon=»hb-moon-loop-3″ link=»#» new_tab=»no» special_style=»yes»]
[button title=»Turqoise» icon=»hb-moon-weather-snow» link=»#» new_tab=»no» color=»turqoise» special_style=»yes»]
[button title=»Green Sea» icon=»hb-moon-eye-5″ link=»#» new_tab=»no» color=»green-sea» special_style=»yes»]
[button title=»Sunflower» icon=»icon-lightbulb» link=»#» new_tab=»no» color=»sunflower» special_style=»yes»]
[button title=»Orange» icon=»hb-moon-fire» link=»#» new_tab=»no» color=»orange» special_style=»yes»]
[button title=»Emerald» icon=»hb-moon-download-2″ link=»#» new_tab=»no» color=»emerald» special_style=»yes»]
[button title=»Nephritis» icon=»hb-moon-stack-3″ link=»#» new_tab=»no» color=»nephritis» special_style=»yes»]
[button title=»Carrot» icon=»icon-thumbs-up-alt» link=»#» new_tab=»no» color=»carrot» special_style=»yes»]
[button title=»Pumpkin» icon=»icon-truck» link=»#» new_tab=»no» color=»pumpkin» special_style=»yes»]
[button title=»Peter River» icon=»icon-css3″ link=»#» new_tab=»no» color=»peter-river» special_style=»yes»]
[button title=»Belize Hole» icon=»hb-moon-users-5″ link=»#» new_tab=»no» color=»belize-hole» special_style=»yes»]
[button title=»Alizarin» icon=»hb-moon-meter-fast» link=»#» new_tab=»no» color=»alizarin» special_style=»yes»]
[button title=»Pomegranate» icon=»hb-moon-food-2″ link=»#» new_tab=»no» color=»pomegranate» special_style=»yes»]
[button title=»Amethyst» icon=»hb-moon-wand» link=»#» new_tab=»no» color=»amethyst» special_style=»yes»]
[button title=»Wisteria» icon=»hb-moon-screen-3″ link=»#» new_tab=»no» color=»wisteria» special_style=»yes»]
[button title=»Wet Asphalt» icon=»icon-bullhorn» link=»#» new_tab=»no» color=»wet-asphalt» special_style=»yes»]
[button title=»Midnight Blue» icon=»hb-moon-crown» link=»#» new_tab=»no» color=»midnight-blue» special_style=»yes»]
[button title=»Concrete» link=»#» icon=»hb-moon-brain» new_tab=»no» color=»concrete» special_style=»yes»]
[button title=»Asbestos» link=»#» icon=»icon-off» new_tab=»no» color=»asbestos» special_style=»yes»]

[spacer height=»20″]

[title type=»special-h4-left»]Flat With Icons[/title]

[button title=»Default» icon=»hb-moon-loop-3″ link=»#» new_tab=»no» three_d=»no»]
[button title=»Turqoise» icon=»hb-moon-weather-snow» link=»#» new_tab=»no» color=»turqoise» three_d=»no»]
[button title=»Green Sea» icon=»hb-moon-eye-5″ link=»#» new_tab=»no» color=»green-sea» three_d=»no»]
[button title=»Sunflower» icon=»icon-lightbulb» link=»#» new_tab=»no» color=»sunflower» three_d=»no»]
[button title=»Orange» icon=»hb-moon-fire» link=»#» new_tab=»no» color=»orange» three_d=»no»]
[button title=»Emerald» icon=»hb-moon-download-2″ link=»#» new_tab=»no» color=»emerald» three_d=»no»]
[button title=»Nephritis» icon=»hb-moon-stack-3″ link=»#» new_tab=»no» color=»nephritis» three_d=»no»]
[button title=»Carrot» icon=»icon-thumbs-up-alt» link=»#» new_tab=»no» color=»carrot» three_d=»no»]
[button title=»Pumpkin» icon=»icon-truck» link=»#» new_tab=»no» color=»pumpkin» three_d=»no»]
[button title=»Peter River» icon=»icon-css3″ link=»#» new_tab=»no» color=»peter-river» three_d=»no»]
[button title=»Belize Hole» icon=»hb-moon-users-5″ link=»#» new_tab=»no» color=»belize-hole» three_d=»no»]
[button title=»Alizarin» icon=»hb-moon-meter-fast» link=»#» new_tab=»no» color=»alizarin» three_d=»no»]
[button title=»Pomegranate» icon=»hb-moon-food-2″ link=»#» new_tab=»no» color=»pomegranate» three_d=»no»]
[button title=»Amethyst» icon=»hb-moon-wand» link=»#» new_tab=»no» color=»amethyst» three_d=»no»]
[button title=»Wisteria» icon=»hb-moon-screen-3″ link=»#» new_tab=»no» color=»wisteria» three_d=»no»]
[button title=»Wet Asphalt» icon=»icon-bullhorn» link=»#» new_tab=»no» color=»wet-asphalt» three_d=»no»]
[button title=»Midnight Blue» icon=»hb-moon-crown» link=»#» new_tab=»no» color=»midnight-blue» three_d=»no»]
[button title=»Concrete» link=»#» icon=»hb-moon-brain» new_tab=»no» color=»concrete» three_d=»no»]
[button title=»Asbestos» link=»#» icon=»icon-off» new_tab=»no» color=»asbestos» three_d=»no»]

[spacer height=»20″]

[title type=»special-h4-left»]Three Sizes[/title]

[button title=»Small» icon=»hb-moon-loop-3″ link=»#» new_tab=»no» size=»small»]
[button title=»Medium» icon=»hb-moon-loop-3″ link=»#» new_tab=»no» size=»medium»]
[button title=»Large» icon=»hb-moon-loop-3″ link=»#» new_tab=»no» size=»large»]

[spacer height=»50px»]

[title type=»special-h4-left»]Get the code[/title]
[title type=»subtitle-h6″]Paste in Text Editor[/title]

[content_box type=»without-header» color=»#FFFFFF» class=»pre-text»]

[button title=»Enter title» icon=»hb-moon-star» link=»http://google.com» new_tab=»no» size=»medium» three_d=»yes» special_style=»yes»]

[/content_box]
[info_message style=»info»]1. You can also use these shortcodes as Visual Composer Drag & Drop elements.
If you prefer shortcodes, you can generate them using Shortcode Generator.

2. Visit Theme Documentation for available arguments and more information. View Documentation Now.
[/info_message]