{"id":5398,"date":"2019-01-02T00:03:27","date_gmt":"2019-01-02T00:03:27","guid":{"rendered":"https:\/\/www.kadenceblocks.com\/?post_type=ht_kb&#038;p=218"},"modified":"2023-03-03T15:19:03","modified_gmt":"2023-03-03T15:19:03","password":"","slug":"spacer-divider-block","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/spacer-divider-block\/","title":{"rendered":"Spacer\/Divider Block"},"content":{"rendered":"\n<p>The spacer block allows you to set advanced spacing between your other blocks. The spacing block can be configured quick and easy on any part of your site!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/04\/Select-Spacer-min.jpeg\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/04\/Select-Spacer-min.jpeg\" alt=\"Select Spacer Block\" class=\"wp-image-1188\"\/><\/a><\/figure>\n\n\n\n<p>Once you\u2019ve selected the spacer block, adjust the spacing to your desired amount:<\/p>\n\n\n<style>.kb-image_15371f-7a .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_15371f-7a\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1648\" height=\"720\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Kadence-Spacer-Block-adjust-space.gif\" alt=\"Kadence Spacer Block adjust space\" class=\"kb-img wp-image-6586\"\/><figcaption>Kadence Spacer Block adjust space<\/figcaption><\/figure><\/div>\n\n\n\n<p>Set the appearance of your spacer block:<\/p>\n\n\n<style>.kb-image_ea6891-19 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_ea6891-19\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"255\" height=\"689\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/SpacerDivider-General-Settings.jpeg\" alt=\"SpacerDivider General Settings\" class=\"kb-img wp-image-6587\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/SpacerDivider-General-Settings.jpeg 255w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/SpacerDivider-General-Settings-111x300.jpeg 111w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/SpacerDivider-General-Settings-189x512.jpeg 189w\" sizes=\"auto, (max-width: 255px) 100vw, 255px\" \/><\/figure><\/div>\n\n\n\n<p>There are four (4) unique divider styles available. <\/p>\n\n\n\n<p><strong>Solid<\/strong>: You can adjust the solid divider&#8217;s color, height, and width.<\/p>\n\n\n<style>.kb-image_00e740-95 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_00e740-95\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1754\" height=\"611\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Solid-divider.jpeg\" alt=\"Solid divider\" class=\"kb-img wp-image-6589\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Solid-divider.jpeg 1754w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Solid-divider-300x105.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Solid-divider-1024x357.jpeg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Solid-divider-768x268.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Solid-divider-360x125.jpeg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Solid-divider-1536x535.jpeg 1536w\" sizes=\"auto, (max-width: 1754px) 100vw, 1754px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Dotted<\/strong>: You can adjust the dotted divider&#8217;s color, height, and width.<\/p>\n\n\n<style>.kb-image_613681-ee .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image_613681-ee size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"348\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dotted-Divider-1024x348.jpeg\" alt=\"Dotted Divider\" class=\"kb-img wp-image-6593\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dotted-Divider-1024x348.jpeg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dotted-Divider-300x102.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dotted-Divider-768x261.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dotted-Divider-360x122.jpeg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dotted-Divider-1536x522.jpeg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dotted-Divider.jpeg 1755w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Dashed<\/strong>: You can adjust the dashed divider&#8217;s color, height, and width.<\/p>\n\n\n<style>.kb-image_f01795-c0 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image_f01795-c0 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"363\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dashed-Divider-1024x363.jpeg\" alt=\"Dashed Divider\" class=\"kb-img wp-image-6592\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dashed-Divider-1024x363.jpeg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dashed-Divider-300x106.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dashed-Divider-768x272.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dashed-Divider-360x128.jpeg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dashed-Divider-1536x544.jpeg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2019\/01\/Dashed-Divider.jpeg 1759w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Stripe Divider<\/strong>: You can adjust the solid divider&#8217;s color, stripe angle, stripe width, stripe gap, height, and width.<\/p>\n\n\n<style>.kb-image_962e0b-78 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image_962e0b-78\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1738\" height=\"827\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/03\/Stripe-divider.jpeg\" alt=\"\" class=\"kb-img wp-image-6594\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/03\/Stripe-divider.jpeg 1738w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/03\/Stripe-divider-300x143.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/03\/Stripe-divider-1024x487.jpeg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/03\/Stripe-divider-768x365.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/03\/Stripe-divider-360x171.jpeg 360w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2023\/03\/Stripe-divider-1536x731.jpeg 1536w\" sizes=\"auto, (max-width: 1738px) 100vw, 1738px\" \/><\/figure><\/div>\n\n\n\n<p>You can also disable the divider if you want to create space alone. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/01\/08Divider-OFF-min.jpeg\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-blocks\/wp-content\/uploads\/sites\/8\/2019\/01\/08Divider-OFF-min-1024x255.jpeg\" alt=\"Enable Divider\" class=\"wp-image-225\"\/><\/a><\/figure>\n\n\n\n<p>The Spacer\/Divider block&#8217;s Advanced tab has Visibility Settings to hide the block on desktops, tablets, and mobile devices. You can also save your current block settings as default settings for future Spacer\/Divider blocks.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The spacer block allows you to set advanced spacing between your other blocks. The spacing block can be configured quick and easy on any part of your site! Once you\u2019ve selected the spacer block, adjust the spacing to your desired amount: Set the appearance of your spacer block: There are four (4) unique divider styles&#8230;<\/p>\n","protected":false},"author":1265,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[421],"doc_tag":[],"knowledge_base":[7],"class_list":["post-5398","docs","type-docs","status-publish","hentry","doc_category-kadence-blocks","knowledge_base-kadence-blocks"],"year_month":"2026-04","word_count":160,"total_views":"5342","reactions":{"happy":"0","normal":"0","sad":"3"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"doc_category_info":[{"term_name":"Kadence Blocks","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/kadence-blocks\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Blocks","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/","term_slug":"kadence-blocks"}],"knowledge_base_slug":["kadence-blocks"],"taxonomy_info":{"doc_category":[{"value":421,"label":"Kadence Blocks"}],"knowledge_base":[{"value":7,"label":"Kadence Blocks"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/5398","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=5398"}],"version-history":[{"count":3,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/5398\/revisions"}],"predecessor-version":[{"id":6595,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/5398\/revisions\/6595"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=5398"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=5398"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=5398"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=5398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}