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.
Button With Icon
[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”]
Button With Icon Different Positions
[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”]
Standard Buttons
[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”]
Icon Button
[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_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”]
Shortcode Attributes
- title – button text.
- URL – button URL (link).
- extra class name – add special class to your accordion section for use in CSS.
- button color – choose color of the button.
- icon position – choose icon placment: top, right, bottom or left.
- icon – choose from 369 icons.