{"id":1940,"date":"2016-01-05T12:51:32","date_gmt":"2016-01-05T12:51:32","guid":{"rendered":"http:\/\/tn.joomexp.com\/wordpress\/wp-celsius\/?page_id=1940"},"modified":"2016-01-05T12:51:32","modified_gmt":"2016-01-05T12:51:32","slug":"buttons","status":"publish","type":"page","link":"https:\/\/demo.exptheme.com\/celsius\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<p>[vc_row animation=&#8221;&#8221; panel_style=&#8221;&#8221; css=&#8221;.vc_custom_1455679439967{margin-bottom: 40px !important;}&#8221;][vc_column column_type=&#8221;&#8221;][vc_custom_heading text=&#8221;BUTTONS&#8221; font_container=&#8221;tag:h3|font_size:20px|line_height:27px&#8221; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; display_style=&#8221;celsius-inline-block&#8221;][vc_column_text css=&#8221;.vc_custom_1452089826896{margin-bottom: 45px !important;}&#8221;]To create a button, use element button and customize it using the various parameters available. You can also use the following classes to add color or style the button as a link:<br \/>\n<code>uk-button-simple, uk-button-default, uk-button-primary, uk-button-line, uk-button-success, uk-button-danger, uk-button-link<\/code>[\/vc_column_text][vc_custom_heading text=&#8221;EXAMPLES&#8221; font_container=&#8221;tag:h3|font_size:20px|line_height:27px&#8221; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; display_style=&#8221;celsius-inline-block&#8221;][vc_btn title=&#8221;Simple link&#8221; style=&#8221; uk-button-simple&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221;][vc_btn title=&#8221;input button&#8221; style=&#8221; celsius-button-default&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221;][vc_custom_heading text=&#8221;BUTTON VARIATIONS&#8221; font_container=&#8221;tag:h3|font_size:20px|line_height:27px&#8221; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; display_style=&#8221;celsius-inline-block&#8221; css=&#8221;.vc_custom_1452090051429{margin-top: 40px !important;}&#8221;][vc_btn title=&#8221;Simple&#8221; style=&#8221; uk-button-simple&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; css=&#8221;.vc_custom_1453778743909{margin-bottom: 10px !important;}&#8221;][vc_btn title=&#8221;Default&#8221; style=&#8221; celsius-button-default&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; css=&#8221;.vc_custom_1452090847143{margin-bottom: 10px !important;}&#8221;][vc_btn title=&#8221;Primary&#8221; style=&#8221; uk-button-primary&#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; css=&#8221;.vc_custom_1453778754826{margin-bottom: 10px !important;}&#8221;][vc_btn title=&#8221;Success&#8221; style=&#8221; uk-button-success &#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; css=&#8221;.vc_custom_1453778765693{margin-bottom: 10px !important;}&#8221;][vc_btn title=&#8221;Danger&#8221; style=&#8221; uk-button-danger &#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; css=&#8221;.vc_custom_1453778777129{margin-bottom: 10px !important;}&#8221;][vc_btn title=&#8221;Link&#8221; style=&#8221; uk-button-link &#8221; css_animation=&#8221;&#8221; target=&#8221; _self&#8221; css=&#8221;.vc_custom_1453778789882{margin-bottom: 10px !important;}&#8221;][vc_custom_heading text=&#8221;BUTTON SIZES&#8221; font_container=&#8221;tag:h3|font_size:20px|line_height:27px&#8221; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; display_style=&#8221;celsius-inline-block&#8221; css=&#8221;.vc_custom_1452090944564{margin-top: 30px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1452090265053{margin-bottom: 15px !important;}&#8221;]You can add different size classes to your button to create button size variation using the size classes <code>uk-button-mini<\/code>, <code>uk-button=small<\/code> or <code>uk-button-large<\/code>[\/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; _blank&#8221; css=&#8221;.vc_custom_1453778814138{margin-bottom: 10px !important;}&#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; _blank&#8221; css=&#8221;.vc_custom_1453778825758{margin-bottom: 10px !important;}&#8221;][vc_btn title=&#8221;default button&#8221; style=&#8221; celsius-button-default&#8221; css_animation=&#8221;&#8221; target=&#8221; _blank&#8221; css=&#8221;.vc_custom_1452090993003{margin-bottom: 10px !important;}&#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; _blank&#8221; css=&#8221;.vc_custom_1453778836577{margin-bottom: 10px !important;}&#8221;][\/vc_column_inner][\/vc_row_inner][vc_custom_heading text=&#8221;BUTTON WITH ICONS&#8221; font_container=&#8221;tag:h3|font_size:20px|line_height:27px&#8221; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-celsius-heading-left&#8221; animation=&#8221;&#8221; display_style=&#8221;celsius-inline-block&#8221; css=&#8221;.vc_custom_1453779063011{margin-top: 30px !important;margin-bottom: 55px !important;}&#8221;][vc_btn title=&#8221;complete &#8221; style=&#8221; celsius-button-default&#8221; i_align=&#8221;right&#8221; i_icon_fontawesome=&#8221;fa fa-check&#8221; css_animation=&#8221;&#8221; target=&#8221; _blank&#8221; add_icon=&#8221;true&#8221; css=&#8221;.vc_custom_1452091045323{margin-bottom: 10px !important;}&#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; _blank&#8221; add_icon=&#8221;true&#8221; css=&#8221;.vc_custom_1453778870885{margin-bottom: 10px !important;}&#8221;][vc_btn title=&#8221; gallery&#8221; style=&#8221; celsius-button-default&#8221; i_icon_fontawesome=&#8221;fa fa-camera&#8221; css_animation=&#8221;&#8221; target=&#8221; _blank&#8221; add_icon=&#8221;true&#8221; css=&#8221;.vc_custom_1452091077215{margin-bottom: 10px !important;}&#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; _blank&#8221; add_icon=&#8221;true&#8221; css=&#8221;.vc_custom_1453778983184{margin-bottom: 10px !important;}&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row animation=&#8221;&#8221; panel_style=&#8221;&#8221; css=&#8221;.vc_custom_1455679439967{margin-bottom: 40px !important;}&#8221;][vc_column column_type=&#8221;&#8221;][vc_custom_heading text=&#8221;BUTTONS&#8221; font_container=&#8221;tag:h3|font_size:20px|line_height:27px&#8221; use_theme_fonts=&#8221;yes&#8221; letter_spacing=&#8221; 1px&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; display_style=&#8221;celsius-inline-block&#8221;][vc_column_text css=&#8221;.vc_custom_1452089826896{margin-bottom: 45px !important;}&#8221;]To create a button, use element button and customize it using the&#8230;<\/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-1940","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages\/1940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/comments?post=1940"}],"version-history":[{"count":0,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages\/1940\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/media?parent=1940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}