{"id":370,"date":"2013-07-25T06:48:54","date_gmt":"2013-07-25T06:48:54","guid":{"rendered":"http:\/\/www.aivahthemes.com\/hostmev2\/?page_id=370"},"modified":"2013-12-02T08:07:03","modified_gmt":"2013-12-02T08:07:03","slug":"buttons","status":"publish","type":"page","link":"https:\/\/www.aivahthemes.com\/hostmev2\/shortcodes\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<div class=\"fancyheading textleft\"><h3 class=\"fancy-title \" >Beautiful Flat Buttons<\/h3><span class=\"iva-fh-desc\" ><\/span><\/div>\nIn the below shortcode you will see the buttons with sizes small, medium, and large respectively.<br \/>\nThis theme gives you a huge variation of options for buttons like styles, sizes, background and much more for more features see the parameters below.<br \/>\n<div class=\"demo_space\"  style=\"height:30px\"><\/div>\n<div class=\"iva_col one_half\"><div class=\"fancyheading textleft\"><h4 class=\"fancy-title \" >Buttons with Border Style<\/h4><span class=\"iva-fh-desc\" ><\/span><\/div>\n<a             class=' btn  large  greensea  border  iva_anim '><span >Submit<\/span><\/a>\n<div class=\"demo_space\"  style=\"height:10px\"><\/div>\n<a             class=' btn  medium  greensea  border  iva_anim '><span >Submit<\/span><\/a>\n<div class=\"demo_space\"  style=\"height:10px\"><\/div>\n<a             class=' btn  small  greensea  border  iva_anim '><span >Submit<\/span><\/a>\n<div class=\"demo_space\"  style=\"height:10px\"><\/div><\/div>\n<div class=\"iva_col one_half last\"><div class=\"fancyheading textleft\"><h4 class=\"fancy-title \" >Buttons with Flat Style<\/h4><span class=\"iva-fh-desc\" ><\/span><\/div>\n<a             class=' btn  large  greensea  flat  iva_anim '><span >Submit<\/span><\/a>\n<div class=\"demo_space\"  style=\"height:10px\"><\/div>\n<a             class=' btn  medium  greensea  flat  iva_anim '><span >Submit<\/span><\/a>\n<div class=\"demo_space\"  style=\"height:10px\"><\/div>\n<a             class=' btn  small  greensea  flat  iva_anim '><span >Submit<\/span><\/a>\n<div class=\"demo_space\"  style=\"height:10px\"><\/div><\/div><div class=\"clear\"><\/div>\n<div class=\"demo_space\"  style=\"height:30px\"><\/div>\n<div class=\"fancyheading textleft\"><h4 class=\"fancy-title \" >Buttons With Different Color Variations<\/h4><span class=\"iva-fh-desc\" ><\/span><\/div>\n<a             class=' btn  small  greensea  flat  iva_anim '><span >Greensea<\/span><\/a> <a             class=' btn  small  nephritis  flat  iva_anim '><span >Nephritis<\/span><\/a> <a             class=' btn  small  belizehole  flat  iva_anim '><span >Belizehole<\/span><\/a> <a             class=' btn  small  wisteria  flat  iva_anim '><span >Wisteria<\/span><\/a> <a             class=' btn  small  midnightblue  flat  iva_anim '><span >Midnightblue<\/span><\/a> <a             class=' btn  small  orange  flat  iva_anim '><span >Orange<\/span><\/a> <a             class=' btn  small  pumpkin  flat  iva_anim '><span >Pumpkin<\/span><\/a> <a             class=' btn  small  pomegranate  flat  iva_anim '><span >Pomegranate<\/span><\/a> <a             class=' btn  small  silver  flat  iva_anim '><span >Silver<\/span><\/a> <a             class=' btn  small  abestos  flat  iva_anim '><span >Abestos<\/span><\/a> <a             class=' btn  small  black  flat  iva_anim '><span >Black<\/span><\/a>\n<div class=\"demo_space\"  style=\"height:30px\"><\/div>\n<div class=\"fancyheading textleft\"><h4 class=\"fancy-title \" >Buttons With Font Awesome Version 3.2<\/h4><span class=\"iva-fh-desc\" ><\/span><\/div>\n<a             class=' btn  small  wisteria  flat  iva_anim '><span ><i class=\"icon-lightbulb\"><\/i> Small Button<\/span><\/a>\n<div class=\"demo_space\"  style=\"height:0px\"><\/div>\n<a             class=' btn  medium  wisteria  flat  iva_anim '><span ><i class=\"icon-lightbulb\"><\/i> Medium Button<\/span><\/a>\n<div class=\"demo_space\"  style=\"height:10px\"><\/div>\n<a             class=' btn  large  wisteria  flat  iva_anim '><span ><i class=\"icon-lightbulb icon-medium\"><\/i> Large Button<\/span><\/a>\n<div class=\"demo_space\"  style=\"height:30px\"><\/div>\n<div class=\"fancyheading textleft\"><h4 class=\"fancy-title \" >Buttons On Roll Over Color<\/h4><span class=\"iva-fh-desc\" ><\/span><\/div>\n<a     href=\"#\"  style=\"background-color:#2c3e50\"   btn-bg=\"#2c3e50\" btn-hoverBg=\"#16a085\"  btn-color=\"#ffffff\" btn-hoverColor=\"#ffffff\"    class=' btn  medium    flat  iva_anim '><span  style=\"color:#ffffff;\">Button Roll Over Color<\/span><\/a>\n<a     href=\"#\"      btn-color=\"#2c3e50\" btn-hoverColor=\"#16a085\"  btn-border=\"#2c3e50\" btn-hoverBorder=\"#16a085\"  style=\"border-color:#2c3e50\" class=' btn  medium    border  iva_anim '><span  style=\"color:#2c3e50;\">Roll Over Border Color<\/span><\/a>\n<div class=\"divider  thin\"  style=\"margin:60px 0 40px 0;\"><\/div>\n<p><strong>Get The Code:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n<code>&#091;button bgcolor=\"#2c3e50\" hoverbgcolor=\"#1abc9c\" hovertextcolor=\"#ffffff\" textcolor=\"#ffffff\" size=\"medium\" style=\"flat\" fullwidth=\"false\"]Button Roll Over Color&#091;\/button]<\/code><br \/>\n<div class=\"divider  thin\"  style=\"margin:40px 0 40px 0;\"><\/div>\n<strong>Customization Options and Features:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n\n<ul class=\"list-square  black\">\n<li><strong>ID:<\/strong> Optional CSS value.<\/li>\n<li><strong>Class:<\/strong> Custom CSS class.<\/li>\n<li><strong>Link:<\/strong> Enter link URL.<\/li>\n<li><strong>Link Target:<\/strong> Choose option when reader clicks on the link.<\/li>\n<li><strong>Lightbox:<\/strong> Check this if you wish to display button Lightbox.<\/li>\n<li><strong>Color:<\/strong> Select the color variation.<\/li>\n<li><strong>Align:<\/strong> Select the alignment for a button.<\/li>\n<li><strong>BG Color:<\/strong> Button background color default state.<\/li>\n<li><strong>Text Color:<\/strong> Button Text color default state.<\/li>\n<li><strong>Hover BG Color:<\/strong> Button background color on hover state.<\/li>\n<li><strong>Hover Text Color:<\/strong> Button Text color on hover state.<\/li>\n<li><strong>Button Size:<\/strong> Select the button size.<\/li>\n<li><strong>Button Style:<\/strong> Select the button Style.<\/li>\n<li><strong>Fullwidth:<\/strong> Check this if you wish to display button in full width and uncheck if you wish to use specific width below.<\/li>\n<li><strong>Button Width:<\/strong> Use px or % as units for width, do not leave only integers.<\/li>\n<li><strong>Button Text:<\/strong> Type the text you wish to display for button.<\/li>\n<\/ul>\n\n","protected":false},"excerpt":{"rendered":"<p>In the below shortcode you will see the buttons with sizes small, medium, and large respectively. This theme gives you a huge variation of options for buttons like styles, sizes, background and much more for more features see the parameters below. Get The Code: &#091;button bgcolor=&#8221;#2c3e50&#8243; hoverbgcolor=&#8221;#1abc9c&#8221; hovertextcolor=&#8221;#ffffff&#8221; textcolor=&#8221;#ffffff&#8221; size=&#8221;medium&#8221; style=&#8221;flat&#8221; fullwidth=&#8221;false&#8221;]Button Roll Over Color&#091;\/button] [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":246,"menu_order":0,"comment_status":"open","ping_status":"open","template":"template_subpage.php","meta":{"footnotes":""},"class_list":{"0":"post-370","1":"page","2":"type-page","3":"status-publish","5":"last-post"},"_links":{"self":[{"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/pages\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":3,"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/pages\/370\/revisions"}],"predecessor-version":[{"id":1041,"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/pages\/370\/revisions\/1041"}],"up":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/pages\/246"}],"wp:attachment":[{"href":"https:\/\/www.aivahthemes.com\/hostmev2\/wp-json\/wp\/v2\/media?parent=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}