{"id":6622,"date":"2012-06-01T12:54:05","date_gmt":"2012-06-01T12:54:05","guid":{"rendered":"http:\/\/www.aivahthemes.com\/energetic\/?page_id=12"},"modified":"2013-05-19T15:37:43","modified_gmt":"2013-05-19T15:37:43","slug":"buttons","status":"publish","type":"page","link":"https:\/\/www.aivahthemes.com\/linofeast\/shortcodes\/buttons\/","title":{"rendered":"Fancy Buttons"},"content":{"rendered":"<h1>Fancy Buttons<\/h1>\n<h5>In the below shortcode you will see the fancy buttons with sizes small, medium, and large respectively. This theme gives you a huge varition of options for buttons like styles, sizes, background and colors.<\/h5>\n<p><strong>Parameters:<\/strong><\/p>\n<pre>\r\nsize            \/\/ Select to \"small\", \"medium\", or \"large\" to set the size\r\nlink            \/\/ place your URL here\r\nlinktarget      \/\/ for opening link in new tab\r\nalign           \/\/ set to \"left\", \"right\" or \"center\" to align\r\ncolor           \/\/ choose a style for your button, for example if you wanted orange \r\nhoverbgcolor    \/\/ change the hover background color of your button by adding this, hoverbgcolor=\"#000000\"\r\nhovertextcolor  \/\/ change the hover text color of your button by adding this, hovertextcolor=\"#000000\"\r\nbgcolor         \/\/ change the background color of your button by adding this, bgcolor = \"#000000\"\r\ntextcolor       \/\/ change the text color of your button by adding this, textcolor = \"#000000\"\r\nfullwidth      \/\/ check this if you want to display fullwidth button\r\nwidth    \/\/ use % or px as units for width, do not leave only numbers.\r\nbutton text     \/\/ place the text you want to display in button\r\n<\/pre>\n<div class=\"divider_line\" ><\/div>\n<h5>Sample Buttons With Different Size:<\/h5>\n<p><a          class=\"button  large   orange \"><span >Large Button<\/span><\/a> <a          class=\"button  medium   orange \"><span >Medium Button<\/span><\/a> <a          class=\"button  small   orange \"><span >Small Button<\/span><\/a><\/p>\n<p><strong>Example:<\/strong><\/p>\n<pre>\r\n&#091;button color=\"orange\" size=\"large\" style=\"true\"]Large Button&#091;\/button]\r\n&#091;button color=\"orange\" size=\"medium\" style=\"true\"]Medium Button&#091;\/button]\r\n&#091;button color=\"orange\" size=\"small\" style=\"true\"]Small Button&#091;\/button]\r\n<\/pre>\n<div class=\"divider_line\" ><\/div>\n<h5>Buttons With different Color Variation<\/h5>\n<p><a          class=\"button  medium   gray \"><span >Gray<\/span><\/a> <a          class=\"button  medium   brown \"><span >Brown<\/span><\/a> <a          class=\"button  medium   cyan \"><span >Cyan<\/span><\/a> <a          class=\"button  medium   orange \"><span >Orange<\/span><\/a> <a          class=\"button  medium   red \"><span >Red<\/span><\/a> <a          class=\"button  medium   blue \"><span >Blue<\/span><\/a> <a          class=\"button  medium   yellow \"><span >Yellow<\/span><\/a> <a          class=\"button  medium   magenta \"><span >Magenta<\/span><\/a><br \/>\n<a          class=\"button  medium   pink \"><span >Pink<\/span><\/a> <a          class=\"button  medium   green \"><span >Green<\/span><\/a> <a          class=\"button  medium   black \"><span >Black<\/span><\/a> <a          class=\"button  medium   white \"><span >White<\/span><\/a><\/p>\n<div class=\"divider_line\" ><\/div>\n<h5>Button With Hover Color Option<\/h5>\n<p><a       style=\"background-color:#004f78\"   data-bg=\"#004f78\" data-hoverBg=\"#930097\"  class=\"button  large   \"><span >Roll Hover Button<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Fancy Buttons In the below shortcode you will see the fancy buttons with sizes small, medium, and large respectively. This theme gives you a huge varition of options for buttons like styles, sizes, background and colors. Parameters: size \/\/ Select to &#8220;small&#8221;, &#8220;medium&#8221;, or &#8220;large&#8221; to set the size link \/\/ place your URL here [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2037,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"template_subpage.php","meta":{"footnotes":""},"class_list":["post-6622","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.aivahthemes.com\/linofeast\/wp-json\/wp\/v2\/pages\/6622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aivahthemes.com\/linofeast\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aivahthemes.com\/linofeast\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/linofeast\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/linofeast\/wp-json\/wp\/v2\/comments?post=6622"}],"version-history":[{"count":3,"href":"https:\/\/www.aivahthemes.com\/linofeast\/wp-json\/wp\/v2\/pages\/6622\/revisions"}],"predecessor-version":[{"id":6695,"href":"https:\/\/www.aivahthemes.com\/linofeast\/wp-json\/wp\/v2\/pages\/6622\/revisions\/6695"}],"up":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/linofeast\/wp-json\/wp\/v2\/pages\/2037"}],"wp:attachment":[{"href":"https:\/\/www.aivahthemes.com\/linofeast\/wp-json\/wp\/v2\/media?parent=6622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}