{"id":2944,"date":"2024-10-16T14:46:01","date_gmt":"2024-10-16T18:46:01","guid":{"rendered":"https:\/\/umaine.edu\/userguide\/?p=2944"},"modified":"2024-10-16T14:46:05","modified_gmt":"2024-10-16T18:46:05","slug":"replacing-separator-content-block","status":"publish","type":"post","link":"https:\/\/umaine.edu\/userguide\/2024\/10\/16\/replacing-separator-content-block\/","title":{"rendered":"Replacing Separator Content Block"},"content":{"rendered":"\n<p>The &#8220;Separator&#8221; Content Block is one of our simplest blocks, and offers a boundary between other content blocks.<\/p>\n\n\n\n<p>Separator as a selection in the Content Blocks page editor:<\/p>\n\n\n<style>.kb-image2944_57a07a-07.kb-image-is-ratio-size, .kb-image2944_57a07a-07 .kb-image-is-ratio-size{max-width:285px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2944_57a07a-07.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2944_57a07a-07 .kb-image-is-ratio-size{align-self:unset;}.kb-image2944_57a07a-07{max-width:285px;}.image-is-svg.kb-image2944_57a07a-07{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2944_57a07a-07 img{width:100%;}.kb-image2944_57a07a-07 .kb-image-has-overlay:after{opacity:0.3;}.kb-image2944_57a07a-07 img.kb-img, .kb-image2944_57a07a-07 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}@media all and (max-width: 1024px){.kb-image2944_57a07a-07 img.kb-img, .kb-image2944_57a07a-07 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}@media all and (max-width: 767px){.kb-image2944_57a07a-07 img.kb-img, .kb-image2944_57a07a-07 .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2944_57a07a-07 size-full\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-selected.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"592\" height=\"140\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-selected.png\" alt=\"A screenshot of the separator content block selection icon.\" class=\"kb-img wp-image-2947\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-selected.png 592w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-selected-300x71.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-selected-105x25.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-selected-317x75.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-selected-423x100.png 423w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,592px\" \/><\/a><\/figure>\n\n\n\n<p>The dialog box for Separator:<\/p>\n\n\n<style>.kb-image2944_6ebcce-4a.kb-image-is-ratio-size, .kb-image2944_6ebcce-4a .kb-image-is-ratio-size{max-width:441px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image2944_6ebcce-4a.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image2944_6ebcce-4a .kb-image-is-ratio-size{align-self:unset;}.kb-image2944_6ebcce-4a{max-width:441px;}.image-is-svg.kb-image2944_6ebcce-4a{-webkit-flex:0 1 100%;flex:0 1 100%;}.image-is-svg.kb-image2944_6ebcce-4a img{width:100%;}.kb-image2944_6ebcce-4a .kb-image-has-overlay:after{opacity:0.3;}.kb-image2944_6ebcce-4a img.kb-img, .kb-image2944_6ebcce-4a .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}@media all and (max-width: 1024px){.kb-image2944_6ebcce-4a img.kb-img, .kb-image2944_6ebcce-4a .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}@media all and (max-width: 767px){.kb-image2944_6ebcce-4a img.kb-img, .kb-image2944_6ebcce-4a .kb-img img{border-top:2px solid #abb8c3;border-right:2px solid #abb8c3;border-bottom:2px solid #abb8c3;border-left:2px solid #abb8c3;}}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2944_6ebcce-4a size-full\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-dialog.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"702\" height=\"498\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-dialog.png\" alt=\"The modal window for the separator content block displaying its one option of making the separator invisible.\" class=\"kb-img wp-image-2948\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-dialog.png 702w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-dialog-300x213.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-dialog-105x74.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-dialog-317x225.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-dialog-423x300.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/separator-block-dialog-634x450.png 634w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,702px\" \/><\/a><\/figure>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2944_576a10-1b, .wp-block-kadence-advancedheading.kt-adv-heading2944_576a10-1b[data-kb-block=\"kb-adv-heading2944_576a10-1b\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2944_576a10-1b mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2944_576a10-1b[data-kb-block=\"kb-adv-heading2944_576a10-1b\"] 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-heading2944_576a10-1b img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2944_576a10-1b[data-kb-block=\"kb-adv-heading2944_576a10-1b\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2944_576a10-1b wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2944_576a10-1b\">Replace this block with the &#8220;Spacer\/divider&#8221; block<\/h3>\n\n\n<style>.kb-image2944_49e93e-e2 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image2944_49e93e-e2 size-full\"><a href=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/spacer-divider-block.png\" class=\"kb-advanced-image-link\"><img loading=\"lazy\" decoding=\"async\" width=\"616\" height=\"260\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/spacer-divider-block.png\" alt=\"A screenshot of the block selector showing the spacer\/divider block selected\" class=\"kb-img wp-image-2949\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/spacer-divider-block.png 616w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/spacer-divider-block-300x127.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/spacer-divider-block-105x44.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/spacer-divider-block-317x134.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2024\/10\/spacer-divider-block-423x179.png 423w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,616px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the + icon in the upper left corner of the editor. The blue box will change to a black box with an X icon, and the block selection window will open<\/li>\n\n\n\n<li>The &#8220;Blocks&#8221; heading displays the list of blocks available<\/li>\n\n\n\n<li>Type &#8220;spacer&#8221; in the search box or select it from the full list<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2944_bcbc1b-ba, .wp-block-kadence-advancedheading.kt-adv-heading2944_bcbc1b-ba[data-kb-block=\"kb-adv-heading2944_bcbc1b-ba\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2944_bcbc1b-ba mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2944_bcbc1b-ba[data-kb-block=\"kb-adv-heading2944_bcbc1b-ba\"] 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-heading2944_bcbc1b-ba img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2944_bcbc1b-ba[data-kb-block=\"kb-adv-heading2944_bcbc1b-ba\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2944_bcbc1b-ba wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2944_bcbc1b-ba\">Spacer\/Divider block options<\/h3>\n\n\n\n<p>By default the spacer will span the full width of the content area, and has a 60 pixel height. Similar to the old Separator block, the Spacer\/Divider block can be made invisible by toggling the &#8220;enable divider&#8221; off in divider settings.<\/p>\n\n\n\n<p>Divider settings offer many display options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Divider style (solid, dashed, dotted, stripe)<\/li>\n\n\n\n<li>Divider color (light grey by default)<\/li>\n<\/ul>\n\n\n\n<p>These divider options can be set separately for desktop, mobile, and tablet displays:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Alignment (left, center, right)<\/li>\n\n\n\n<li>Divider height<\/li>\n\n\n\n<li>Divider width<\/li>\n<\/ul>\n\n\n\n<p>Finally, the Spacer\/Divider advanced options allow it to be shown or hidden altogether for desktop, mobile, and tablet displays.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The &#8220;Separator&#8221; Content Block is one of our simplest blocks, and offers a boundary between other content blocks. Separator as a selection in the Content Blocks page editor: The dialog box for Separator: Replace this block with the &#8220;Spacer\/divider&#8221; block Spacer\/Divider block options By default the spacer will span the full width of the content [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","spc_primary_category":0},"categories":[17,41,34,5],"tags":[],"class_list":["post-2944","post","type-post","status-publish","format-standard","hentry","category-content-blocks","category-projects-cb","category-gutenberg","category-updates"],"taxonomy_info":{"category":[{"value":17,"label":"Content Blocks"},{"value":41,"label":"Content Blocks removal project"},{"value":34,"label":"Gutenberg"},{"value":5,"label":"Updates"}]},"featured_image_src_large":false,"author_info":{"display_name":"kirby","author_link":"https:\/\/umaine.edu\/userguide\/author\/kirby\/"},"comment_info":"","category_info":[{"term_id":17,"name":"Content Blocks","slug":"content-blocks","term_group":0,"term_taxonomy_id":17,"taxonomy":"category","description":"","parent":0,"count":24,"filter":"raw","cat_ID":17,"category_count":24,"category_description":"","cat_name":"Content Blocks","category_nicename":"content-blocks","category_parent":0},{"term_id":41,"name":"Content Blocks removal project","slug":"projects-cb","term_group":0,"term_taxonomy_id":41,"taxonomy":"category","description":"","parent":0,"count":16,"filter":"raw","cat_ID":41,"category_count":16,"category_description":"","cat_name":"Content Blocks removal project","category_nicename":"projects-cb","category_parent":0},{"term_id":34,"name":"Gutenberg","slug":"gutenberg","term_group":0,"term_taxonomy_id":34,"taxonomy":"category","description":"","parent":0,"count":22,"filter":"raw","cat_ID":34,"category_count":22,"category_description":"","cat_name":"Gutenberg","category_nicename":"gutenberg","category_parent":0},{"term_id":5,"name":"Updates","slug":"updates","term_group":0,"term_taxonomy_id":5,"taxonomy":"category","description":"","parent":0,"count":76,"filter":"raw","cat_ID":5,"category_count":76,"category_description":"","cat_name":"Updates","category_nicename":"updates","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/comments?post=2944"}],"version-history":[{"count":1,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2944\/revisions"}],"predecessor-version":[{"id":2950,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2944\/revisions\/2950"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=2944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/categories?post=2944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/tags?post=2944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}