{"id":536,"date":"2016-08-31T12:52:37","date_gmt":"2016-08-31T12:52:37","guid":{"rendered":"http:\/\/blueowlcreative.com\/wp\/alea\/?page_id=536"},"modified":"2016-08-31T12:52:37","modified_gmt":"2016-08-31T12:52:37","slug":"buttons","status":"publish","type":"page","link":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]Alea features a vast array of button customization options. You can customize your button color, shape, style, size; add icons to it, animate the icons in and out; add custom classes and apply custom animations to your icons. Check the examples below to experience the variety\u00a0of colors, forms, sizes and shapes that are available to you with just the click of a button via the Visual composer shortcode modal window interface.[\/vc_column_text]

Button Colors<\/strong><\/span><\/h3>White<\/span><\/a>Dark<\/span><\/a>Royal Blue<\/span><\/a>Bondi Blue<\/span><\/a>Emerald<\/span><\/a>Jade<\/span><\/a>
<\/div>Turquoise<\/span><\/a>Azure<\/span><\/a>Blue<\/span><\/a>Green<\/span><\/a>Lime<\/span><\/a>Yellow<\/span><\/a>
<\/div>Orange<\/span><\/a>Pink<\/span><\/a>Red<\/span><\/a>Apple<\/span><\/a>Magenta<\/span><\/a>Purple<\/span><\/a>[\/vc_column][\/vc_row][vc_row][vc_column]

Button Styles<\/strong><\/span><\/h3>Normal<\/span><\/a>Normal<\/span> <\/i> <\/a> <\/i> Normal<\/span><\/a> <\/i> Normal<\/span><\/a>
<\/div> <\/i> Gradient<\/span><\/a>Gradient<\/span> <\/i> <\/a>Gradient<\/span><\/a>Gradient<\/span> <\/i> <\/a>
<\/div> <\/i> Outlined<\/span><\/a>Outlined<\/span> <\/i> <\/a>Outlined<\/span> <\/i> <\/a>Outlined<\/span><\/a>
<\/div>3D Style<\/span> <\/i> <\/a>3D Style<\/span> <\/i> <\/a> <\/i> 3D Style<\/span><\/a>3D Style<\/span><\/a>[\/vc_column][\/vc_row][vc_row][vc_column]

Button Sizes<\/strong><\/span><\/h3>Small<\/span><\/a> <\/i> Small<\/span><\/a>Small<\/span> <\/i> <\/a>Small<\/span> <\/i> <\/a>
<\/div>Medium<\/span><\/a>Medium<\/span> <\/i> <\/a> <\/i> Medium<\/span><\/a>Medium<\/span> <\/i> <\/a>
<\/div> <\/i> Large<\/span><\/a>Large<\/span><\/a>Large<\/span> <\/i> <\/a>Large<\/span> <\/i> <\/a>
<\/div>XLarge<\/span> <\/i> <\/a> <\/i> XLarge<\/span><\/a>XLarge<\/span><\/a>XLarge<\/span> <\/i> <\/a>[\/vc_column][\/vc_row][vc_row][vc_column]
<\/div>

Button Stretched Sizes<\/strong><\/span><\/h4>Small<\/span><\/a> <\/i> Small<\/span><\/a>Small<\/span> <\/i> <\/a>Small<\/span> <\/i> <\/a>
<\/div>Medium<\/span><\/a>Medium<\/span> <\/i> <\/a> <\/i> Medium<\/span><\/a>Medium<\/span><\/a>
<\/div> <\/i> Large<\/span><\/a>Large<\/span><\/a>Large<\/span> <\/i> <\/a>Large<\/span> <\/i> <\/a>
<\/div>XLarge<\/span> <\/i> <\/a> <\/i> XLarge<\/span><\/a>XLarge<\/span><\/a>XLarge<\/span> <\/i> <\/a>[\/vc_column][\/vc_row][vc_row][vc_column]

Iconed Buttons<\/strong><\/span><\/h3> <\/i> Before<\/span><\/a> <\/i> Before In<\/span><\/a> <\/i> Before Out<\/span><\/a>After<\/span> <\/i> <\/a>After In<\/span> <\/i> <\/a>After Out<\/span> <\/i> <\/a>[\/vc_column][\/vc_row][vc_row][vc_column]

Button Shapes<\/strong><\/span><\/h3>Rounded<\/span><\/a>Rounded<\/span><\/a> <\/i> Rounded<\/span><\/a>Rounded<\/span> <\/i> <\/a>
<\/div>Squared<\/span> <\/i> <\/a>Squared<\/span><\/a>Squared<\/span> <\/i> <\/a>Squared<\/span><\/a>
<\/div>Oval Btn<\/span> <\/i> <\/a>Oval Btn<\/span> <\/i> <\/a>Oval Btn<\/span><\/a>Oval Btn<\/span><\/a>[\/vc_column][\/vc_row][vc_row][vc_column]

Animate Buttons<\/strong> in<\/span><\/h3>Rounded<\/span><\/a>
<\/div>Rounded<\/span><\/a>
<\/div> <\/i> Rounded<\/span><\/a>
<\/div>Rounded<\/span> <\/i> <\/a>[\/vc_column][\/vc_row][vc_row][vc_column]

Full Width Buttons<\/strong><\/span><\/h3>Full Width Button<\/span><\/a>
<\/div>Full Width Button<\/span><\/a>
<\/div> <\/i> Full Width Button<\/span><\/a>
<\/div>Full Width Button<\/span> <\/i> <\/a>
<\/div>Full Width Button<\/span> <\/i> <\/a>
<\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column][vc_column_text]Alea features a vast array of button customization options. You can customize your button color, shape, style, size; add icons to it, animate the icons in and out; add custom classes and apply custom animations to your icons. Check the examples below to experience the variety\u00a0of colors, forms, sizes and shapes that are available to…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-536","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/pages\/536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/comments?post=536"}],"version-history":[{"count":0,"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/pages\/536\/revisions"}],"wp:attachment":[{"href":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/wp-json\/wp\/v2\/media?parent=536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}