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”]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=”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]


[button style="medium" type="rounded/square" color="#COLOR_CODE" background="#COLOR_CODE" src="LINK_URL" target="_blank"]Button Content[/button]

Customization Options / Features


  • 8 Predefined color skinned buttons with nice hover effect

  • Use custom gradients for buttons through global theme option.

  • Set custom links and link target attribute for buttons & Social Icons.

  • Customize tagline, insert title and link for Social Share Box