{"id":104,"date":"2016-01-10T06:11:07","date_gmt":"2016-01-10T06:11:07","guid":{"rendered":"http:\/\/bne-themes.dev\/sweetness\/?page_id=104"},"modified":"2016-04-29T18:47:10","modified_gmt":"2016-04-30T01:47:10","slug":"buttons","status":"publish","type":"page","link":"https:\/\/demo.bnecreative.com\/story\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"

We’ve incorporated all of the main bootstrap colors including many other theme colors. Buttons also come in different sizes and can include icons.<\/p>\n

Bootstrap Button Colors<\/h2>\n

These are the default Bootstrap colors<\/p>\nDefault<\/a> Primary<\/a> Info<\/a> Success<\/a> Warning<\/a> Danger<\/a>\n

 <\/p>\n

Additional Theme Button Colors<\/h2>\n

Plenty of additional colors to fit any website color scheme.<\/p>\nBlack<\/a> Blue<\/a> Brown<\/a> Dark Blue<\/a> Dark Brown<\/a> Dark Green<\/a> Green<\/a> Mauve<\/a> Orange<\/a> Pearl<\/a> Pink<\/a> Purple<\/a> red<\/a> Slate Grey<\/a> Silver<\/a> Steel Blue<\/a> Teal<\/a> Yellow<\/a> Wheat<\/a> White<\/a>\n

 <\/p>\n

Ghost Button Colors<\/h2>\n

Each button color can also become a “ghost” button by adding the ghost class.<\/p>\nDefault<\/a> Primary<\/a> Info<\/a> Success<\/a> Warning<\/a> Danger<\/a> Black<\/a> Blue<\/a> Brown<\/a> Dark Blue<\/a> Dark Brown<\/a> Dark Green<\/a> Green<\/a> Mauve<\/a> Orange<\/a> Pearl<\/a> Pink<\/a> Purple<\/a> red<\/a> Slate Grey<\/a> Silver<\/a> Steel Blue<\/a> Teal<\/a> Yellow<\/a> Wheat<\/a>\n

 <\/p>\n

Button Sizes<\/h2>\n

When, using the “size” parameter you can use the following sizes.<\/p>\nMini<\/a>\nSmall<\/a>\nDefault<\/a>\nLarge<\/a>\nX-Large<\/a>\nXX-Large<\/a>\nXXX-Large<\/a>\n

 <\/p>\n

Button Shapes<\/h2>\nRounded Button <\/a>\nSquare Button<\/a>\nPill Button<\/a>\n3D Button<\/a>\n

 <\/p>\n

Button Icons<\/h2>\n

Because of the awesomeness added by FontAwesome, you can easily add and any of the supported vector icons<\/a>. To do this, you simply use the icon_before<\/code> or icon_after<\/code> parameters (or both) and insert the ID of the icon you want to use.<\/p>\nIcon After Label <\/i> <\/a> <\/i> Icon Before Label<\/a>\u00a0Icon After Label <\/i> <\/a> <\/i> Icon Before Label<\/a>\n","protected":false},"excerpt":{"rendered":"

We’ve incorporated all of the main bootstrap colors including many other theme colors. Buttons also come in different sizes and can include icons. Bootstrap Button […]<\/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-104","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/pages\/104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/comments?post=104"}],"version-history":[{"count":3,"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/pages\/104\/revisions"}],"predecessor-version":[{"id":3506,"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/pages\/104\/revisions\/3506"}],"wp:attachment":[{"href":"https:\/\/demo.bnecreative.com\/story\/wp-json\/wp\/v2\/media?parent=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}