{"id":418,"date":"2019-01-17T20:49:29","date_gmt":"2019-01-17T20:49:29","guid":{"rendered":"https:\/\/www.kadenceblocks.com\/?page_id=418"},"modified":"2024-04-12T06:23:42","modified_gmt":"2024-04-12T12:23:42","slug":"spacer-divider-block","status":"publish","type":"page","link":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/spacer-divider-block\/","title":{"rendered":"Spacer\/Divider Block"},"content":{"rendered":"\n<p>This simple block gives you optional divider options as well as letting you drag the height where you want. With the divider, you can set color, size, and width. You can also assign custom heights for different screen sizes so your design can be perfectly responsive. Learn more about the settings and how to use the block in the <a href=\"https:\/\/scon-staging.kadencewp.com\/help-center\/docs\/kadence-blocks\/spacer-divider-block\/\" data-type=\"link\" data-id=\"https:\/\/scon-staging.kadencewp.com\/help-center\/docs\/kadence-blocks\/spacer-divider-block\/\">Kadence Blocks Spacer\/Divider block documentation<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Examples<\/h2>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-418_5837aa-eb .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-418_5837aa-eb .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-418_5837aa-eb kt-block-spacer-_e3a0f1-cd\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-418_69774b-dd .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-418_69774b-dd .kt-divider{border-top-width:4px;border-top-color:#bcbcbc;width:54%;border-top-style:dashed;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-418_69774b-dd kt-block-spacer-_baf3fa-15\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-418_d312cc-37 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-418_d312cc-37 .kt-divider{border-top-width:25px;height:1px;border-top-color:#008c9e;width:13%;border-top-style:dotted;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-418_d312cc-37 kt-block-spacer-_d9266c-d5\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-418_e8e87b-fd .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-418_e8e87b-fd .kt-divider{border-top-width:1px;height:1px;border-top-color:#444;width:100%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-418_e8e87b-fd kt-block-spacer-_4a5b67-d0\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-418_df7103-08 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-418_df7103-08 .kt-divider{border-top-width:7px;height:1px;border-top-color:rgba(194, 0, 0, 0.10);width:80%;border-top-style:dashed;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-418_df7103-08 kt-block-spacer-_91f7b2-2d\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading418_a793a2-cf, .wp-block-kadence-advancedheading.kt-adv-heading418_a793a2-cf[data-kb-block=\"kb-adv-heading418_a793a2-cf\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading418_a793a2-cf mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading418_a793a2-cf[data-kb-block=\"kb-adv-heading418_a793a2-cf\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading418_a793a2-cf img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading418_a793a2-cf[data-kb-block=\"kb-adv-heading418_a793a2-cf\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading418_a793a2-cf wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading418_a793a2-cf\">Stripe Pattern<\/h3>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-418_c104a6-5d .kt-block-spacer{height:20px;}.wp-block-kadence-spacer.kt-block-spacer-418_c104a6-5d .kt-divider-stripe{height:16px;width:15%;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-418_c104a6-5d\"><div class=\"kt-block-spacer kt-block-spacer-halign-left\"><span class=\"kt-divider-stripe\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\" class=\"kb-pattern-svg-divider kb-stripes-svg\"><defs><pattern id=\"pat418_c104a6-5d\" width=\"7\" height=\"7\" patternTransform=\"rotate(40)\" patternUnits=\"userSpaceOnUse\"><line x1=\"0\" y=\"0\" x2=\"0\" y2=\"7\" stroke=\"#3e3fa8\" stroke-width=\"4\"><\/line><\/pattern><\/defs><rect width=\"100%\" height=\"100%\" fill=\"url(#pat418_c104a6-5d)\" opacity=\"1\"><\/rect><\/svg><\/span><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>This simple block gives you optional divider options as well as letting you drag the height where you want. With the divider, you can set color, size, and width. You can also assign custom heights for different screen sizes so your design can be perfectly responsive. Learn more about the settings and how to use&#8230;<\/p>\n","protected":false},"author":1265,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","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":"enable","_kad_post_title":"show","_kad_post_layout":"normal","_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":""},"class_list":["post-418","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Anonymous 1265","author_link":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/author\/anon-1265\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/users\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/comments?post=418"}],"version-history":[{"count":3,"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/418\/revisions"}],"predecessor-version":[{"id":4444,"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/pages\/418\/revisions\/4444"}],"wp:attachment":[{"href":"https:\/\/scon-staging.kadencewp.com\/kadence-blocks\/wp-json\/wp\/v2\/media?parent=418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}