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]