{"id":6649,"date":"2023-01-25T18:40:07","date_gmt":"2023-01-25T16:40:07","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=6649"},"modified":"2025-02-03T13:47:50","modified_gmt":"2025-02-03T11:47:50","slug":"footer-button","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/footer-elements\/footer-button\/","title":{"rendered":"Footer Button"},"content":{"rendered":"\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d462bcf1374&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69d462bcf1374\" class=\"wp-block-image size-full has-lightbox wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2023\/01\/FireShot-Capture-003-Customize_-Blocksy-blocksy.local_-1.png\" alt=\"\" class=\"wp-image-6650\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Button element in action.<\/figcaption><\/figure>\n\n\n\n<p>This element is pretty simple. It&#8217;s just a Button that lets you do a couple of actions, such as directing users to a specific page, opening a pop-up or just highlighting something.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Granular Controls<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2023\/01\/FireShot-Capture-004-Customize_-Blocksy-blocksy.local_.png\" alt=\"\" class=\"wp-image-6651\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h5 class=\"wp-block-heading\">Button style<\/h5>\n\n\n\n<p>This first option will let you select between two simple styles for the button. One is fully filled and attracts attention instantly, while the secondary one offers an outlined design, which is subtle and blends in nicely with the content.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Size<\/h5>\n\n\n\n<p>Pick between four different sizes &#8212;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Default<\/strong> &#8211; inherits the size set inside the general button options, under General -&gt; Buttons<\/li>\n\n\n\n<li><strong>Small<\/strong><\/li>\n\n\n\n<li><strong>Medium<\/strong><\/li>\n\n\n\n<li><strong>Large<\/strong><\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">Label<\/h5>\n\n\n\n<p>This lets you set the text label that&#8217;s displayed inside the button. Simple enough.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Click Behaviour<\/h5>\n\n\n\n<p>This lets you select what icon will happen when the user clicks on the button. By default, you can set it to any kind of link you might want, but Blocksy Pro users have the advantage of also <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/extensions\/pop-up-content-block\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/creativethemes.com\/blocksy\/docs\/extensions\/pop-up-content-block\/\" rel=\"noreferrer noopener\">opening pop-ups on demand<\/a>.<\/p>\n\n\n\n<p>The &#8220;Open in new tab&#8221; option will let you do just that &#8212; open the link in a new tab, while the &#8220;Set link to nofollow&#8221; helps search engines understand how links are sent outbounds from your website.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Icon<\/h5>\n\n\n\n<p>This section lets you highlight the button with a nice icon, that represents a call to action for your visitors.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Alignment Options<\/h5>\n\n\n\n<p>The horizontal and vertical alignment options let you position the button in the place you want, within its footer row column space.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Element Visibility<\/h5>\n\n\n\n<p>This option lets you hide the button element on a per-device basis. You can show it on just the desktop view, the tablet view, mobile view or all at the same time.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This element is pretty simple. It&#8217;s just a Button that lets you do a couple of actions, such as directing users to a specific page, opening a pop-up or just highlighting something. Granular Controls Button style This first option will let you select between two simple styles for the button. One is fully filled and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[126],"class_list":["post-6649","documentation","type-documentation","status-publish","hentry","doc_categories-footer-elements"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"post_title_panel":"","has_hero_section":"default","4234501ef46d4fa65be67e7c8cdc1859":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":true,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":true,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"4be4bce08ef0eb0036af97433f9c6dc1":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","f3b28d662e682d800fbb9296963e2854":"","hero_structure":"narrow","436af8288df10749f9f4ca7046d30168":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"2a0764841ed5bc4eadfc1dc209e68604":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--paletteColor6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"c3568b612028106fc1e4cef265a4fbfe":"","page_structure_type":"default","90373ce150adbcb66ff2936257960789":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"inherit","content_area_spacing":"both","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--paletteColor8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"content_boxed_border":{"width":1,"style":"none","color":{"color":"rgba(44,62,80,0.2)"}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"c24cbbb2843dc38818d7b9385db8c5b6":"","disable_featured_image":"no","disable_share_box":"no","disable_author_box":"no","disable_posts_navigation":"no","b68501a33ec2908747f2cd37570a3344":"","disable_related_posts":"no","disable_header":"no","disable_footer":"no","f277ee3adfbdf25a4f543a8039a910d4":"","header_footer_scripts_panel":"","header_scripts":"","5e90f2770d8f399cc11a78b4b2b5aeb9":"","header_after_body_scripts":"","7ef569a081d3975c058db45aeff5bb82":"","footer_scripts":"","docs_item_badge":"PRO"},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/6649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=6649"}],"version-history":[{"count":2,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/6649\/revisions"}],"predecessor-version":[{"id":12507,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/6649\/revisions\/12507"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=6649"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=6649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}