Buttons

Along with the Normal Button as per the theme color, Infinite also provides default 11 colored buttons in three different sizes – Small, Medium & Large

Small

[button link=”http://example.com” size=”small” ]Theme Color[/button] [button link=”http://example.com” size=”small” color=”blue”]Blue[/button] [button link=”http://example.com” size=”small” color=”light-blue”]Light Blue[/button] [button link=”http://example.com” size=”small” color=”red”]Red[/button] [button link=”http://example.com” size=”small” color=”yellow”]Yellow[/button] [button link=”http://example.com” size=”small” color=”green”]Green[/button] [button link=”http://example.com” size=”small” color=”light-green”]Light Green[/button] [button link=”http://example.com” size=”small” color=”purple”]Purple[/button] [button link=”http://example.com” size=”small” color=”orange”]Orange[/button] [button link=”http://example.com” size=”small” color=”strawberry”]Strawberry[/button] [button link=”http://example.com” size=”small” color=”alt” animation=”fadeIn”]Alternate[/button]

 

Normal

[button link=”http://example.com” size=”normal” ]Theme Color[/button] [button link=”http://example.com” size=”normal” color=”blue”]Blue[/button] [button link=”http://example.com” size=”normal” color=”light-blue”]Light Blue[/button] [button link=”http://example.com” size=”normal” color=”red”]Red[/button] [button link=”http://example.com” size=”normal” color=”yellow”]Yellow[/button] [button link=”http://example.com” size=”normal” color=”green”]Green[/button] [button link=”http://example.com” size=”normal” color=”light-green”]Light Green[/button] [button link=”http://example.com” size=”normal” color=”purple”]Purple[/button] [button link=”http://example.com” size=”normal” color=”orange”]Orange[/button] [button link=”http://example.com” size=”normal” color=”strawberry”]Strawberry[/button] [button link=”http://example.com” size=”normal” color=”alt” animation=”fadeIn”]Alternate[/button]

 

Big

[button link=”http://example.com” size=”big” ]Theme Color[/button] [button link=”http://example.com” size=”big” color=”blue”]Blue[/button] [button link=”http://example.com” size=”big” color=”light-blue”]Light Blue[/button] [button link=”http://example.com” size=”big” color=”red”]Red[/button] [button link=”http://example.com” size=”big” color=”yellow”]Yellow[/button] [button link=”http://example.com” size=”big” color=”green”]Green[/button] [button link=”http://example.com” size=”big” color=”light-green”]Light Green[/button] [button link=”http://example.com” size=”big” color=”purple”]Purple[/button] [button link=”http://example.com” size=”big” color=”orange”]Orange[/button] [button link=”http://example.com” size=”big” color=”strawberry”]Strawberry[/button] [button link=”http://example.com” size=”big” color=”alt” animation=”fadeIn”]Alternate[/button]

 

Buttons with Icons

Infinite lets you use any Fontawesome icons along with the buttons

[button link=”http://example.com” size=”small” color=”blue” icon=”icon-warning-sign”]Warning[/button] [button link=”http://example.com” size=”normal” color=”blue” icon=”icon-signout”]Sign Out[/button] [button link=”http://example.com” size=”big” color=”blue” icon=”icon-shopping-cart”]Check Out[/button]