{"id":2137,"date":"2015-11-30T09:42:43","date_gmt":"2015-11-30T09:42:43","guid":{"rendered":"http:\/\/tn.joomexp.com\/wordpress\/wp-gaucho\/?page_id=2137"},"modified":"2015-11-30T09:42:43","modified_gmt":"2015-11-30T09:42:43","slug":"buttons","status":"publish","type":"page","link":"https:\/\/www.elgauchocagliari.com\/index.php\/shortcodes-2\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row animation=&#8221;&#8221; panel_style=&#8221;uk-panel-space&#8221; add_container=&#8221;true&#8221;][vc_column][vc_custom_heading text=&#8221;Buttons&#8221; font_container=&#8221;tag:h2&#8243; use_theme_fonts=&#8221;yes&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1450235575889{margin-top: 25px !important;margin-bottom: 20px !important;padding-bottom: 10px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1452565502453{margin-top: 0px !important;margin-bottom: 47px !important;}&#8221;]To create a button, use element button and customize it using the various parameters available<\/p>\n<div class=\"table-responsive\">\n<table class=\"uk-table\">\n<thead>\n<tr>\n<th>Parameter<\/th>\n<th>Description<\/th>\n<th>Parameters<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Style<\/td>\n<td>Defines the button style or class<\/td>\n<td><code>default, simple, primary, success, danger, link<\/code><\/td>\n<\/tr>\n<tr>\n<td>href<\/td>\n<td>url link of the button<\/td>\n<td>n\/a<\/td>\n<\/tr>\n<tr>\n<td>Target<\/td>\n<td>specifies where to open the linked document<\/td>\n<td><code>_blank, _self, _parent, _top<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>[\/vc_column_text][vc_custom_heading text=&#8221;Button variations&#8221; font_container=&#8221;tag:h3&#8243; use_theme_fonts=&#8221;yes&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1450235585842{margin-top: 25px !important;margin-bottom: 20px !important;padding-bottom: 10px !important;}&#8221;][vc_btn title=&#8221;Default&#8221; style=&#8221; uk-button-default&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221;][vc_btn title=&#8221;Primary&#8221; style=&#8221; uk-button-primary&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221;][vc_btn title=&#8221;Success&#8221; style=&#8221; uk-button-success &#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221;][vc_btn title=&#8221;Danger&#8221; style=&#8221; uk-button-danger &#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221;][vc_btn title=&#8221;Simple&#8221; style=&#8221; uk-button-simple&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221;][vc_btn title=&#8221;link&#8221; style=&#8221; uk-button-link &#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221;][vc_custom_heading text=&#8221;Button sizes&#8221; font_container=&#8221;tag:h3&#8243; use_theme_fonts=&#8221;yes&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1451289826826{margin-top: 50px !important;margin-bottom: 5px !important;padding-bottom: 10px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1451289859043{margin-bottom: 10px !important;}&#8221;]You can add different size classes to your button to create button size variation using the parameter <code>Size<\/code> of <code>Button<\/code> element[\/vc_column_text][vc_row_inner][vc_column_inner][vc_btn title=&#8221;mini button&#8221; style=&#8221; uk-button-default&#8221; size=&#8221; uk-button-mini&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221;][vc_btn title=&#8221;small button&#8221; style=&#8221; uk-button-default&#8221; size=&#8221; uk-button-small&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221;][vc_btn title=&#8221;default button&#8221; style=&#8221; uk-button-default&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221;][vc_btn title=&#8221;Large button&#8221; style=&#8221; uk-button-default&#8221; size=&#8221; uk-button-large &#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221;][\/vc_column_inner][\/vc_row_inner][vc_custom_heading text=&#8221;Button with icons&#8221; font_container=&#8221;tag:h3&#8243; use_theme_fonts=&#8221;yes&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1450834647702{margin-top: 50px !important;margin-bottom: 20px !important;padding-bottom: 10px !important;}&#8221;][vc_btn title=&#8221;complete &#8221; style=&#8221; uk-button-default&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fa fa-check&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221; add_icon=&#8221;true&#8221;][vc_btn title=&#8221;events list &#8221; style=&#8221; uk-button-success &#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fa fa-caret-down&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221; add_icon=&#8221;true&#8221;][vc_btn title=&#8221; gallery&#8221; style=&#8221; uk-button-default&#8221; i_icon_fontawesome=&#8221;fa fa-camera&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221; add_icon=&#8221;true&#8221;][vc_btn title=&#8221;Download &#8221; style=&#8221; uk-button-link &#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fa fa-cloud-download&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; link=&#8221;url:%23||&#8221; add_icon=&#8221;true&#8221;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row animation=&#8221;&#8221; panel_style=&#8221;uk-panel-space&#8221; add_container=&#8221;true&#8221;][vc_column][vc_custom_heading text=&#8221;Buttons&#8221; font_container=&#8221;tag:h2&#8243; use_theme_fonts=&#8221;yes&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1450235575889{margin-top: 25px !important;margin-bottom: 20px !important;padding-bottom: 10px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1452565502453{margin-top: 0px !important;margin-bottom: 47px !important;}&#8221;]To create a button, use element button and customize it using the various parameters&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2140,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-2137","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P8x2A9-yt","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/pages\/2137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/comments?post=2137"}],"version-history":[{"count":0,"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/pages\/2137\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/pages\/2140"}],"wp:attachment":[{"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/media?parent=2137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}