Buttons

ChimpStudio offers you several buttons to be used throughout your site. Choose from 8 different pre-defined colored skins, you can create your own very easily. Each button has an attractive rollover gradient effect that is pure CSS.

Button Style

[column size=»1/1″][button style=»big» type=»square» color=»#fff» background=»#88AE95″ src=»LINK_URL» target=»_blank»]Big Button[/button][button style=»medium» type=»square» color=»#fff» background=»#88AE95″ src=»LINK_URL» target=»_blank»]Medium Button[/button][button style=»small» type=»square» color=»#fff» background=»#88AE95″ src=»LINK_URL» target=»_blank»]Small Button[/button][/column]

[column size=»1/1″][button style=»big» type=»square» color=»#fff» background=»#88AE95″ src=»LINK_URL» target=»_blank»][icon class=»icon-envelope» type=»» size=»icon-1x» border=»no» bgcolor=»» color=»#fff»][/icon]Big Button[/button][button style=»medium» type=»square» color=»#fff» background=»#88AE95″ src=»LINK_URL» target=»_blank»][icon class=»icon-envelope» type=»» size=»icon-1x» border=»no» bgcolor=»» color=»#fff»][/icon]Medium Button[/button][button style=»small» type=»square» color=»#fff» background=»#88AE95″ src=»LINK_URL» target=»_blank»][icon class=»icon-envelope» type=»» size=»icon-1x» border=»no» bgcolor=»» color=»#fff»][/icon]Small Button[/button][/column]

[column size=»1/1″][button style=»small» type=»square» color=»#fff» background=»#CCC» src=»LINK_URL» target=»_blank»]Small Button[/button][button style=»small» type=»square» color=»#fff» background=»#03F» src=»LINK_URL» target=»_blank»]Small Button[/button][button style=»small» type=»square» color=»#fff» background=»#fc3″ src=»LINK_URL» target=»_blank»]Small Button[/button][button style=»small» type=»square» color=»#fff» background=»#0C0″ src=»LINK_URL» target=»_blank»]Small Button[/button][button style=»small» type=»square» color=»#fff» background=»#000″ src=»LINK_URL» target=»_blank»]Small Button[/button][button style=»small» type=»square» color=»#fff» background=»#F00″ src=»LINK_URL» target=»_blank»]Small Button[/button][button style=»small» type=»square» color=»#fff» background=»#930″ src=»LINK_URL» target=»_blank»]Small Button[/button][button style=»small» type=»square» color=»#fff» background=»#939″ src=»LINK_URL» target=»_blank»]Small Button[/button][button style=»small» type=»square» color=»#fff» background=»#069″ src=»LINK_URL» target=»_blank»]Small Button[/button][button style=»small» type=»square» color=»#fff» background=»#099″ src=»LINK_URL» target=»_blank»]Small Button[/button][button style=»small» type=»square» color=»#fff» background=»#F60″ src=»LINK_URL» target=»_blank»]Small Button[/button][button style=»small» type=»square» color=»#fff» background=»#90C» src=»LINK_URL» target=»_blank»]Small Button[/button]
[/column]

[code title=»Button code goes here»]
[button style=»medium» type=»rounded/square» color=»#COLOR_CODE» background=»#COLOR_CODE» src=»LINK_URL» target=»_blank»]Button Content[/button]
[/code]

Customization Options / Features

[list type=»tick» icon=»icon-ok»]
[list_item]8 Predefined color skinned buttons with nice hover effect[/list_item]
[list_item]Use custom gradients for buttons through global theme option.[/list_item]
[list_item]Set custom links and link target attribute for buttons & Social Icons.[/list_item]
[list_item]Customize tagline, insert title and link for Social Share Box[/list_item]
[/list]