Home / Buttons

Buttons

[vc_row][vc_column width=»1/1″][vc_column_text]Buttons are one of the most used sortcodes on the web thats why we have prepared for you many customization to style and change the look of your buttons. You can set any color and on of the 369 icons additionally you can place the icon in one of 4 positions. Like all of Blaszok’s shortcodes this one is also available through VisualComposer, which offers a simple drag & drop interface to build complex pages with ease.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=»1/1″][mpc_vc_deco_header type=»h5″ text=»Button With Icon»][/vc_column][/vc_row][vc_row][vc_column width=»1/1″][vc_button title=»Button Text» target=»_self» custom_color=»#B163A3″ custom_icon=»fa-angle-right» custom_pos=»right»][vc_button title=»Button Text» target=»_self» custom_color=»#666666″ custom_icon=»fa-bullseye» custom_pos=»right»][vc_button title=»Button Text» target=»_self» custom_color=»#009c75″ custom_icon=»fa-cloud» custom_pos=»right»][vc_button title=»Button Text» target=»_self» custom_color=»#0093c7″ custom_icon=»fa-gear» custom_pos=»right»][vc_button title=»Button Text» target=»_self» custom_color=»#eb5257″ custom_icon=»fa-heart» custom_pos=»right»][vc_button title=»Button Text» target=»_self» custom_color=»#ddcc33″ custom_icon=»fa-power-off» custom_pos=»right»][/vc_column][/vc_row][vc_row][vc_column width=»1/1″][mpc_vc_deco_header type=»h5″ text=»Button With Icon Different Positions»][/vc_column][/vc_row][vc_row][vc_column width=»1/1″][vc_button title=»Button Text» target=»_self» custom_color=»#B163A3″ custom_icon=»fa-arrow-left» custom_pos=»left»][vc_button title=»Button Text» target=»_self» custom_color=»#666666″ custom_icon=»fa-camera-retro» custom_pos=»left»][vc_button title=»Button Text» target=»_self» custom_color=»#009c75″ custom_icon=»fa-credit-card» custom_pos=»left»][vc_button title=»Button Text» target=»_self» custom_color=»#0093c7″ custom_icon=»fa-qrcode» custom_pos=»left»][vc_button title=»Button Text» target=»_self» custom_color=»#eb5257″ custom_icon=»fa-paste» custom_pos=»top»][vc_button title=»Button Text» target=»_self» custom_color=»#ddcc33″ custom_icon=»fa-arrow-right» custom_pos=»bottom»][/vc_column][/vc_row][vc_row][vc_column width=»1/1″][mpc_vc_deco_header type=»h5″ text=»Standard Buttons»][/vc_column][/vc_row][vc_row][vc_column width=»1/1″][vc_button title=»Button Text» target=»_self» custom_color=»#B163A3″ custom_icon=»_none» custom_pos=»left»][vc_button title=»Button Text» target=»_self» custom_color=»#666666″ custom_icon=»_none» custom_pos=»left»][vc_button title=»Button Text» target=»_self» custom_color=»#009c75″ custom_icon=»_none» custom_pos=»left»][vc_button title=»Button Text» target=»_self» custom_color=»#0093c7″ custom_icon=»_none» custom_pos=»left»][vc_button title=»Button Text» target=»_self» custom_color=»#eb5257″ custom_icon=»_none» custom_pos=»top»][vc_button title=»Button Text» target=»_self» custom_color=»#ddcc33″ custom_icon=»_none» custom_pos=»bottom»][/vc_column][/vc_row][vc_row][vc_column width=»1/1″][mpc_vc_deco_header type=»h5″ text=»Icon Button»][/vc_column][/vc_row][vc_row][vc_column width=»1/2″][vc_row_inner][vc_column_inner width=»1/1″][vc_button target=»_self» custom_color=»#B163A3″ custom_icon=»fa-angle-right» custom_pos=»right»][vc_button target=»_self» custom_color=»#666666″ custom_icon=»fa-bullseye» custom_pos=»right»][vc_button target=»_self» custom_color=»#009c75″ custom_icon=»fa-cloud» custom_pos=»right»][vc_button target=»_self» custom_color=»#0093c7″ custom_icon=»fa-gear» custom_pos=»right»][vc_button target=»_self» custom_color=»#eb5257″ custom_icon=»fa-heart» custom_pos=»right»][vc_button target=»_self» custom_color=»#ddcc33″ custom_icon=»fa-power-off» custom_pos=»right»][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=»1/2″][vc_row_inner][vc_column_inner width=»1/1″][vc_button target=»_self» custom_color=»#B163A3″ custom_icon=»fa-eject» custom_pos=»right»][vc_button target=»_self» custom_color=»#666666″ custom_icon=»fa-power-off» custom_pos=»right»][vc_button target=»_self» custom_color=»#009c75″ custom_icon=»fa-caret-up» custom_pos=»right»][vc_button target=»_self» custom_color=»#0093c7″ custom_icon=»fa-road» custom_pos=»right»][vc_button target=»_self» custom_color=»#eb5257″ custom_icon=»fa-trophy» custom_pos=»right»][vc_button target=»_self» custom_color=»#ddcc33″ custom_icon=»fa-user» custom_pos=»right»][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_class=»mpc-small-bm»][vc_column width=»1/1″][mpc_vc_deco_header type=»h5″ text=»Shortcode Attributes»][/vc_column][/vc_row][vc_row][vc_column width=»1/2″][vc_column_text]

  • title – button text.
  • URL – button URL (link).
  • extra class name – add special class to your accordion section for use in CSS.

[/vc_column_text][/vc_column][vc_column width=»1/2″][vc_column_text]

  • button color – choose color of the button.
  • icon position – choose icon placment: top, right, bottom or left.
  • icon – choose from 369 icons.

[/vc_column_text][/vc_column][/vc_row]