Icon 3D Buttons

[TS-VCSC-Icon-Title title=”3D Button Styles” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”U3R5bGVz” el_file1=”” el_file2=””]

Square Style

[TS-VCSC-Divider][TS_VCSC_Icon_Button button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_square=”ts-button-default” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_square=”ts-button-default glow” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_square=”ts-button-flat” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_square=”ts-button-flat glow” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”]

Rounded Style

[TS-VCSC-Divider][TS_VCSC_Icon_Button button_type=”rounded” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_type=”rounded” button_rounded=”ts-button-rounded ts-button-default” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_type=”rounded” button_rounded=”ts-button-rounded ts-button-default glow” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_type=”rounded” button_rounded=”ts-button-rounded ts-button-flat” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_type=”rounded” button_rounded=”ts-button-rounded ts-button-flat glow” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”]

Pill Style

[TS-VCSC-Divider][TS_VCSC_Icon_Button button_type=”pill” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_type=”pill” button_pill=”ts-button-pill ts-button-default” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_type=”pill” button_pill=”ts-button-pill ts-button-default glow” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_type=”pill” button_pill=”ts-button-pill ts-button-flat” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_type=”pill” button_pill=”ts-button-pill ts-button-flat glow” button_text=”Buy VC Extensions” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”]

By default, the button (unless circle style) will use the width of the column it is embedded in as button width. You can, however, define the utilized column width by providing a percent of the available space. All button styles are also available in the following colors:

[TS_VCSC_Fancy_List list_type=”image” marker_image=”http://tekanewascripts.com/composium/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png”]

  • Blue
  • Green
  • Orange
  • Red
  • Purple

[/TS_VCSC_Fancy_List]

Other Button Sizes

[TS-VCSC-Divider]

Tiny

[TS_VCSC_Icon_Button button_size=”ts-button-tiny” button_text=”Buy!” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”]

Small

[TS_VCSC_Icon_Button button_size=”ts-button-small” button_text=”Buy!” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”]

Large

[TS_VCSC_Icon_Button button_size=”ts-button-large” button_text=”Buy!” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”]

Jumbo

[TS_VCSC_Icon_Button button_size=”ts-button-jumbo” button_text=”Buy!” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”]

Circle Style

[TS-VCSC-Divider][TS_VCSC_Icon_Button button_type=”circle” button_text=”Buy!” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_type=”circle” button_circle=”ts-button-circle ts-button-default” button_text=”Buy!” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_type=”circle” button_circle=”ts-button-circle ts-button-default glow” button_text=”Buy!” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_type=”circle” button_circle=”ts-button-circle ts-button-flat” button_text=”Buy!” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”][TS_VCSC_Icon_Button button_type=”circle” button_circle=”ts-button-circle ts-button-flat glow” button_text=”Buy!” icon=”ts-awesome-shopping-cart” link=”url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions%2F7190695||target:%20_blank”]